iframeのタグ記事一覧

自分用のナレッジベース。 AccessやExcelのVBA、VB.NET、VBScript、PHPなどのサンプルプログラム、ORACLEやSQL Server、オープンソース系のシステムやフリーソフトに関する情報、iPhone、Androidスマホ便利情報など役立つ情報などを覚書しておくためのブログ。

iframeのタグが付いた記事一覧。自分用のナレッジベース。 AccessやExcelのVBA、VB.NET、VBScript、PHPなどのサンプルプログラム、ORACLEやSQL Server、オープンソース系のシステムやフリーソフトに関する情報、iPhone、Androidスマホ便利情報など役立つ情報などを覚書しておくためのブログ。

ブログカスタマイズ
Youtube動画やGoogle Mapなどのiframeでブログの記事に埋め込んだ地図や画像、動画をスマホやタブレットなど様々な画面サイズに合わせてレスポンシブ対応にする方法についての覚書です。 以前記事にした「FC2ブログカスタマイズ:YoutubeやGoogle Mapなどのiframeで埋め込んだオブジェクトをスマホ画面サイズに合わせてサイズを変更する(レスポンシブ)方法」の改訂版で、きちんと画像や動画の縦横比に合わせてレスポンシブ対応さ...

記事を読む

ブログカスタマイズ
FC2ブログにGoogle MapやYoutubeの動画などの埋め込みオブジェクト(iframe)がブログをスマホで見た時に画面からはみ出す問題についての対処方法を覚書 別のブログでよくGoogle MapとYoutubeの動画を記事内に埋め込んでたりするのですが、スマホでブログを見た時に埋め込んだオブジェクトがスマホの画面に入りきらずに横が切れるというか、はみ出してしまいます。 見た目的にあまりよろしくないので、スマホでブログを見た時...

記事を読む

【改訂版】iframeで埋め込んだ地図や動画をスマホ画面サイズに合わせてサイズを変更する(レスポンシブ)方法 | FC2ブログカスタマイズ

iframeオブジェクトのレスポンシブ対応

Youtube動画やGoogle Mapなどのiframeでブログの記事に埋め込んだ地図や画像、動画をスマホやタブレットなど様々な画面サイズに合わせてレスポンシブ対応にする方法についての覚書です。

以前記事にした「FC2ブログカスタマイズ:YoutubeやGoogle Mapなどのiframeで埋め込んだオブジェクトをスマホ画面サイズに合わせてサイズを変更する(レスポンシブ)方法」の改訂版で、きちんと画像や動画の縦横比に合わせてレスポンシブ対応させる方法です。

» 記事の続きを読む

iframeで埋め込んだオブジェクトをスマホ画面サイズに合わせてサイズを変更する(レスポンシブ)方法 | FC2ブログカスタマイズ

iframeオブジェクトのレスポンシブ対応

FC2ブログにGoogle MapやYoutubeの動画などの埋め込みオブジェクト(iframe)がブログをスマホで見た時に画面からはみ出す問題についての対処方法を覚書

別のブログでよくGoogle MapとYoutubeの動画を記事内に埋め込んでたりするのですが、スマホでブログを見た時に埋め込んだオブジェクトがスマホの画面に入りきらずに横が切れるというか、はみ出してしまいます。

見た目的にあまりよろしくないので、スマホでブログを見た時にはスマホの画面サイズに合わせてサイズを可変させる、いわゆるレスポンシブにする方法を以下に記載します。

» 記事の続きを読む

Copyright © Excel、Access、VBA、ORACLE、iPhone、Android、その他覚書:My Knowledge Base All Rights Reserved.

テキストや画像等すべての転載転用・商用販売を固く禁じます