2/2 CSS3の新単位「rem」で文字サイズを分かりやすく指定 [ホームページ作成] All About
CSS3の新単位「rem」で文字サイズを分かりやすく指定(2ページ目)単位emや%を使って相対的に文字サイズを指定すると、複数のボックスを経由した先などでの表示サイズが把握しにくいことがあります。CSS3の新単位「rem」を使えば、常にルート要素の文字サイズが基準になるため、文字サイズを分かりやすく指定できます。 CSS3で新しく追加された単位「rem」は、ルート要素の文字サイズを基準にして、文字サイズを指定できる単位です。 「ルート要素」とは、ソースの最も上位(基底)の要素のことで、HTMLでは「html要素」が該当します。右図のようにp要素を基準に考えると、div要素が「親要素」で、html要素が「ルート要素」です。 ※ルート要素は、「body要素」ではありませんので注意して下さい。 この単位「rem」の記述方法は、従来からある単位「em」と同じです。基準となる要素が異なるだけです。
![2/2 CSS3の新単位「rem」で文字サイズを分かりやすく指定 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/f8988ff6da9cb1d0380d85c12d32efa6ad3c1b97/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F4%2F0%2F2%2F5%2F4%2F8%2Ftopimg_original.png)
background-size－CSS3リファレンス
background-sizeプロパティは、背景画像のサイズを指定する際に使用します。 長さやパーセンテージで指定する場合、値を２つ記述すると、それぞれ記述した順に幅と高さを表します。 １つだけ指定した場合には、もう１つはautoと解釈されます。負の値を指定することはできません。 ■値 auto 自動的に算出される（初期値） contain 縦横比は保持して、背景領域に収まる最大サイズになるように背景画像を拡大縮小する cover 縦横比は保持して、背景領域を完全に覆う最小サイズになるように背景画像を拡大縮小する 長さ 背景画像の幅・高さを指定する パーセンテージ 背景領域に対する背景画像の幅・高さのパーセンテージを指定する CSSソースは外部ファイル（sample.css）に記述 p.sample1 { width:300px; height:80px; padding:15px; bo
iPhoneアプリのアイコンサイズ - Hidde’s Tips
ついつい忘れがちなので、備忘録としてメモ。 ＜アイコン＞ Icon.png (57 x 57) 【iPhone3G/3GS用】 Icon@2x.png (114 x114) 【iPhone4用】 Icon-Small@2x.png (58 x 58) 【iPhone4 Spotlight用】 Icon-Small.png (29 x 29) 【設定メニュー/Spotlight用】 Icon-Small-50.png (50 x 50) 【iPad Spotlight用】 Icon-72.png (72 x 72) 【iPad用】 iTunesArtwork (512 x 512) 【App Store用、拡張子は必要ありません】 ＜起動画面＞ Default.png (320 x 480) 【iPhone3G/3GS用】 Default@2x.png (640 x 960) 【iPhon
ＪＩＳＬ４００４成人男子用衣料のサイズ(日本規格協会発行による)
おおまかな分類の時（ＭＡの165～88～76は平成10年以前の中心、170～92～80はそれ以後の中心）
異なるサイズの画像を並べて瞬時にサイズを揃えられるjQueryプラグイン「MyThumbnail」:phpspot開発日誌
異なるサイズの画像を並べて瞬時にサイズを揃えられるjQueryプラグイン「MyThumbnail」 2011年06月27日- Official Demo page for MyThumbnail jquery plugin 異なるサイズの画像を並べて瞬時にサイズを揃えられるjQueryプラグイン「MyThumbnail」。 画像は普通に並べると高さやサイズも一定ではなくかといってサイズしていで縮めちゃったとしても幅は一定になりません。 このプラグインを使えば指定のサイズにまるめてくれるだけでなく、トリミングもして画像が変な方向に伸縮しないようにも調整してくれます 次のような画像を並べただけの状態があったとして。 次のように、指定したサイズに調整した上でトリミングもしてくれます（角丸はCSSで指定してます）。 HTMLは次のようにかなり単純に<a>付きの<img>を並べただけです。 <div
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.ethosclub.com/info/size.html
カジュアルショップJOE
