如何指定有关指定图像的像素大小的像素

问题描述：

<img src="/logo.jpg" alt="logo" width="200px" height="120px" />

或

<img src="/logo.jpg" alt="logo" width="200" height="120" />

我已经永远把在PX但最近发现非常很少有人这样做。我最好离开这个吗？这种方式或其他方式是否重要？

图像元素的大小是数字，没有“px”或其他措施的减少。哟可以在CSS中使用px或其他格式，而不是HTML –

答

据我所知，您不会将px标签添加到img标签本身的宽度/高度属性值，我相信（虽然可能是错误的），这是因为无论如何都使用像素。然而，在CSS中，可以使用不同的单位来指定宽度和高度，因此在使用CSS时添加标签是合适的。

像素被使用，除非你将它指定为百分比:) – Stefan

答

我将继续以像素为单位指定大小。你可能不需要，但我认为你应该按照网络标准。以像素为单位指定大小绝对不会损害您的代码，因此请将其留在那里。

我不认为这是一个在HTML大小属性中包含“px”的Web标准。 Haven't发现这方面的任何证据越大虽然还没有，但I'll回来，如果我做的：P – Stefan

詹姆斯，加入'px'机将进行展望（以及可能的其他应用程序）缩放图像，就好像没有指定高度/宽度，所以它*伤害了。请参阅：http://*.com/questions/36485410/html-signature-is-resizing-only-some-images-in-outlook?noredirect=1#comment60722825_36485410 – Aziz

答

我通常会离开它。不常见的情况是我使用<img>元素。但是，最好将宽度和高度放在<img>标签中，以便浏览器不必计算这些尺寸。

答

找不到用来验证这一点，但我会用整数无单位（如果不是百分比）在HTML和CSS中使用“PX”，除零个值的任何信息，其中it's更正确的离开了单位。

http://www.w3.org/TR/CSS2/visudet.html#the-width-property

看来，这是firefox web验证器采取的方法，它将px的使用标记为错误 – tjb

答

使用CSS来考虑图像的尺寸：

CSS：

.logo { 
width: 200px; 
height: 120px; 
}

HTML：

<img src="/logo.jpg" alt="logo" class="logo" />

如何指定有关指定图像的像素大小的像素

相关推荐