「Stylesheet」の版間の差分
提供: sha.ngri.la
細 (→Youtube iframe のサイズを可変にする) |
細 |
||
(同じ利用者による、間の8版が非表示) | |||
1行目: | 1行目: | ||
==Youtube iframe のサイズを可変にする== | ==Youtube iframe のサイズを可変にする== | ||
*[http://d.hatena.ne.jp/syan0/20121115/1352968404 HTMLに貼ったYoutube iframeを可変にする - しゃの] | *[http://d.hatena.ne.jp/syan0/20121115/1352968404 HTMLに貼ったYoutube iframeを可変にする - しゃの] | ||
− | < | + | ==image のサイズをウインドウの大きさに合わせる== |
+ | <pre> | ||
+ | img { | ||
+ | max-width:100%; | ||
+ | width:auto; //IE用 | ||
+ | height:auto; | ||
+ | } | ||
+ | </pre> | ||
+ | ==preタグにスクロールバーをつける== | ||
+ | <pre> | ||
+ | pre { | ||
+ | overflow: auto; | ||
+ | } | ||
+ | </pre> | ||
+ | *[http://www.htmq.com/style/overflow.shtml overflow-スタイルシートリファレンス] | ||
+ | |||
+ | [[Category:stylesheet]] |
2014年8月12日 (火) 12:29時点における最新版
Youtube iframe のサイズを可変にする
image のサイズをウインドウの大きさに合わせる
img { max-width:100%; width:auto; //IE用 height:auto; }
preタグにスクロールバーをつける
pre { overflow: auto; }