これは朗報！ レスポンシブ対応の遅延画像が「sizes=auto」を使用すると簡単に実装できるようになります

2023/12/05 160 users srcset img sizes CSS 遅延

朗報です！ 来年の2024年に、ブラウザはCSSから画像の実際の幅を取得し、それを画像のサイズとして使用することができるようになります。 srcsetで遅延読み込みされた画像の場合、ブラウザはsrcsetからソースURLを選択するために画像のレイアウト幅を使用できるようになります。 Add sizes=auto to lazy-loaded <img> こ... 続きを読む

ブクマしておくと何かと便利な、画面のレイアウト幅・画像サイズ表まとめ4つ(iPhoneアプリアイコンサイズ・Facebookカバーサイズ・バナーサイズ) - W3Q

2012/03/21 51 users バナーサイズ 画面 W3Q

・0-240px : ウェブを利用できる最も古いケータイ ・241-399px : iPhoneのポートレイト ・400-540px : iPhoneのランドスケープとAndroidのポートレイト ・541-767px : Kindle Fireのポートレイト ・768-959px : iPadなどのタブレットのポートレイト ・960+px : タブレットのほとんどのランドスケープ、デスクトップ 続きを読む

[CSS]可変するレイアウト幅の最大値を制限する簡単な方法 | コリス

2011/02/21 310 users コリス CSS 下記 各ポイント ページ

ページのレイアウト幅が可変するFluid Layoutにした際、その幅の最大値を制限する簡単な方法を紹介します。 Rein In Fluid Width By Limiting HTML Width 下記は各ポイントを意 [...] 続きを読む