「Stylesheet」の版間の差分

提供: sha.ngri.la
移動先: 案内検索
(ページの作成:「==Youtube iframe のサイズを可変にする== *[http://d.hatena.ne.jp/syan0/20121115/1352968404 HTMLに貼ったYoutube iframeを可変にする - しゃの]」)
 
 
(同じ利用者による、間の9版が非表示)
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;
}