スタンダード:実技問題(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となる。
根拠画像の表示(アスペクト比とサイズ指定)