行内元素<img>宽度设置相关规范及实现差异问题咨询

关于行内标签宽高设置生效的原因说明 #

• 这一行为既不是浏览器厂商的自行决策，也不是近年才出台的新规范要求，本质是主流浏览器对齐W3C标准的修复动作。
• <img>属于行内可替换元素，和普通的行内非替换元素（比如<span>）的渲染规则不同。早在CSS 2.1规范中就明确规定，可替换元素的width、height属性不受display: inline的限制，可以直接生效。
• 早年部分浏览器的实现不符合规范，才会出现必须给<img>设置inline-block才能调整宽高的情况，现在的浏览器是修正了早期的实现缺陷，回归了标准要求。

内容的提问来源于stack exchange，提问作者user1977596