2020-01-26 【レスポンシブWebデザイン】主な技術 レスポンシブWebデザインで用いる主な技術 名称 説明 viewport ブラウザの表示領域を設定する機能。異なるデバイスでも画面が同じように 表示されるように仮想的な画面サイズを設定する。 メディアクエリ デバイスの種類や画面サイズに応じて適用させるCSSを切り替える機能。 フルードグリッド ブラウザのウィンドウ幅に応じて表示するコンテンツのレイアウトを変更す る手法。グリッドは、CSSにおいて横幅を%などの相対値を指定する。 フルードイメージ ブラウザのウィンドウサイズに応じて表示する画像や動画のサイズを変更す る手法。CSSにおいて横幅を%などの相対値を指定する。