在html标记中指定img元素的度量单位是一个好主意/做法吗?
我一直都这么做,并且想是的。我假设它避免浏览器猜测%到px?
也许我错在这里,并且更快,更有效,并建议,只需指定数字值而不拖尾UOM。
我已经阅读了W3C,并没有发现我的问题。
<img src="/path/to/image/thegood.jpg" width="100px" height="100px" />
VS
<img src="/path/to/image/andthebad.jpg" width="100" height="100" />
答案 0 :(得分:1)
我更喜欢使用px,因为它可以按照您的意图保留图像比率。宽度为100%可以在宽屏幕上拉伸图像,导致图像质量不佳!
答案 1 :(得分:1)
The spec specifically states没有百分比的长度表示像素。
<!ENTITY % Length "CDATA" -- nn for pixels or nn% for percentage length -->
答案 2 :(得分:0)
表现明智,甚至不考虑它。
否则,如果您想限制图像大小,则应指定它。如果您只是想要全尺寸图像,请不要指定它。并尽可能使用CSS。
答案 3 :(得分:0)
您应始终指定图像的测量值。当浏览器加载页面时,由于浏览器提前知道图像大小,因此屏幕将更少闪烁。
所以你首选#1代码:
<img src="/path/to/image/thegood.jpg" width="100px" height="100px" />