女性向けエンジニアスクール
スマホでは横に入りきらない
CSSレイアウト入門 / 全 5 枚
CSSレイアウト入門 - スマホでは横に入りきらない
固定 px はどの画面でも同じ幅のまま
ここまでのページは、横に広い画面を前提に組み立ててきました。写真は 160px、作品カードは3列、ナビは横一列。パソコンで見るとちょうどよく見えます。
スマホの画面幅は 400px 前後しかありません。中身が入りきらないと、ページは横に長くはみ出し、横にスクロールしないと読めない状態になります。
px は画面の点の数そのものです。画面が 320px しかなくても、160px のまま居座ります。
.profile-photo {
width: 160px;
height: 160px;
}1 / 5
← → キーでも送れます