読者です 読者をやめる 読者になる 読者になる

レスポンシブWebデザインを構成する要素

レスポンシブWebデザイン

レスポンシブWebデザイン

目的と手段を逆転させない

フルードグリッド
#content {
  width: 100%;
}
フルードイメージ
img {
  max-width: 100%;
  height: auto;
}
メディアクエリ
  • CSS3でデバイスの解像度・画面の幅・向きなどの値を条件に別のスタイルを指定する