スマートフォン対応のためのレスポンシブWebデザイン実用TIPS

スマートフォン対応のためのレスポンシブWebデザイン実用TIPS

画像・動画の最適化
下記のようなCSSで、画像や埋め込んだ動画などをウインドウサイズにあわせて可変表示にします。
HTMLでサイズが指定されいる場合に備えて、!important(優先)を指定しています。

img, object, embed {
max-width: 100% !important;
height: auto !important;
}

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>