CSS、width:auto、height:autoとタグ属性の関係
<img>など、タグ属性にwidth、heightを指定できる要素には、CSSでもwidth、heightを指定すると、そのCSSの方が優先される。
<style>
img { width: 120px; height: 120px }
</style>
<img src="poster.png" width="300" height="300">
表示例:
width、またはheightの一方をautoにすると、アスペクト比を固定して拡大する。
<style>
img { width: 120px; height: auto }
</style>
<img src="poster.png" width="300" height="300">
表示例:
しかし、<video>では少々事情が違うようだ。 Read_On