資格スワイプ
スタンダード:実技問題(HTML5の変換、HTMLの作成、CSSの読込と作成、画像の表示)

元の画像サイズが幅1200px、高さ800pxの画像をimg要素で表示する際、HTML側でwidth属性に300を指定し、CSSでheight: autoを指定した(他にサイズ指定は無い)。このとき実際に表示される画像の高さは何pxになるか。

  • A150px
  • B250px
  • ✓200px
  • D300px

解説

元画像の縦横比は1200:800すなわち3:2であるため、height: autoの指定により幅300pxに比例した高さが自動計算される。300×(800/1200)=200pxとなる。

根拠画像の表示(アスペクト比とサイズ指定)

← 前の問題
スワイプでまとめて流す