如何指定有關指定圖像的像素大小的像素

快速的問題影像尺寸：如何指定有關指定圖像的像素大小的像素

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

或

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

我已經永遠把在PX但最近發現非常很少有人這樣做。我最好離開這個嗎？這種方式或其他方式是否重要？

來源

2011-08-24 Andy

圖像元素的大小是數字，沒有「px」或其他措施的減少。喲可以在CSS中使用px或其他格式，而不是HTML –

據我所知，您不會將px標籤添加到img標籤本身的寬度/高度屬性值，我相信（雖然可能是錯誤的），這是因爲無論如何都使用像素。然而，在CSS中，可以使用不同的單位來指定寬度和高度，因此在使用CSS時添加標籤是合適的。

來源

2011-08-24 14:12:32

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

我將繼續以像素爲單位指定大小。你可能不需要，但我認爲你應該按照網絡標準。以像素爲單位指定大小絕對不會損害您的代碼，因此請將其留在那裏。

來源

2011-08-24 14:11:31

我不認爲這是一個在HTML大小屬性中包含「px」的Web標準。 Haven't發現這方面的任何證據越大雖然還沒有，但I'll回來，如果我做的：P – Stefan

詹姆斯，加入'px'機將進行展望（以及可能的其他應用程序）縮放圖像，就好像沒有指定高度/寬度，所以它*傷害了。請參閱：http://stackoverflow.com/questions/36485410/html-signature-is-resizing-only-some-images-in-outlook?noredirect=1#comment60722825_36485410 – Aziz

我通常會離開它。不常見的情況是我使用<img>元素。但是，最好將寬度和高度放在<img>標籤中，以便瀏覽器不必計算這些尺寸。

來源

2011-08-24 14:11:56 Chris

找不到用來驗證這一點，但我會用整數無單位（如果不是百分比）在HTML和CSS中使用「PX」，除零個值的任何信息，其中it's更正確的離開了單位。

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

來源

2011-08-24 14:19:05 Stefan

看來，這是firefox web驗證器採取的方法，它將px的使用標記爲錯誤 – tjb

使用CSS來考慮圖像的尺寸：

CSS：

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

HTML：

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

來源

2011-08-24 14:48:50 Akos

如何指定有關指定圖像的像素大小的像素

回答

相關問題