「Stylesheet」の版間の差分
提供: sha.ngri.la
細 (→Youtube iframe のサイズを可変にする) |
細 |
||
| (同じ利用者による、間の7版が非表示) | |||
| 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;
}