Finally, a fluid Hicksdesign - Hicks.design
I’ve been wanting a fluid layout on this site for about 5 years. I had a brief redesign back in 2005 where I flirted with it for a few months, but it was soon switched back to fixed as I couldn’t get it right. Last year, I discovered CSS media queries while working on the internal pages of the Opera Browser, and tried to implement it here. It was half-assed and was removed, again after a few month
resizeMyBrowser
320 x 480 iPhone 3G/3GS 480 x 720 Meizu M8 480 x 800 Google Nexus one 640 x 960 iPhone 4 768 x 1024 iPad 480 x 320 iPhone 3G/3GS 720 x 480 Meizu M8 800 x 480 Google Nexus one 960 x 640 iPhone 4 1024 x 768 iPad 1024 x 600 Most Netbooks 1280 x 800 MacBook Air 08 1366 x 768 Some Laptops 1440 x 900 MacBook Pro 15 inches Maximum Resize to Maximum
画像のサイズを動的に指定する際の理屈を忘れがちなので備忘録 | バシャログ。
梅雨明け！バンザイ！nakamura です。 例えばユーザがアップロードした画像を決まったサイズのエリアに表示するような処理。よくあると思います。（画像を動的に生成するのではなく、img タグの height と width を動的に生成するやつです。）よくある割にいまいち理屈を忘れがちなので今日は個人的な備忘録も兼ねてエントリーします。 まぁよくよく考えてみれば何てことはないのですが、、、一応順を追って整理してみましょう。 いくつかのパターンで考えてみる 仮に横 320px、縦 240px の表示エリアがあるとして、色んなサイズの画像をその中にちょうどいい感じで表示する理屈を考えてみましょう。 縦も横も表示エリアより小さい場合 赤の点線が表示エリアで、黒の実線が実画像とします。 図のように横長の画像を表示エリア内にぴったりフィットさせる場合。直感的に分かると思いますが、横辺の長さが表示エ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
