Back to list
qiita_popular 2026年4月17日

320px対応、メディアクエリで頑張る前にviewport-extra

320px対応、メディアクエリで頑張る前にviewport-extra

Translated: 2026/4/17 4:52:23
viewportmedia queryresponsive designmobile layoutoverflow

Japanese Translation

何が問題なのか スマホ向けデザインカンプは375px幅で共有されることが多い。 問題になるのが 320px表示の端末(iPhone SE初代・iPhone 5s / 5 など)。 375pxで最適化したレイアウトを320pxで表示すると、55px分はみ出して横スクロールが...

Original Content

何が問題なのか スマホ向けデザインカンプは375px幅で共有されることが多い。 問題になるのが 320px表示の端末(iPhone SE初代・iPhone 5s / 5 など)。 375pxで最適化したレイアウトを320pxで表示すると、55px分はみ出して横スクロールが...