2015-05-20 31 views
-1

比方說,我有一張圖片,其實際尺寸爲200x200像素。我把它插入到如下的HTML頁面中:瀏覽器/設備上的圖片尺寸

<img src="some.jpg" width="50" height="50"> 

假設這個圖像沒有CSS樣式。 它會在所有瀏覽器和設備(如50x50圖像)中一致顯示嗎?有沒有例外?

+1

w3學校說最流行的瀏覽器支持寬度和高度http://www.w3schools.com/tags/att_img_width.asp – lcjury

+0

一些很好的迴應[這裏](http://stackoverflow.com /問題/ 2414506 /應-圖像尺寸來定義的功能於該-IMG標籤的高度寬度屬性或 - 在-CSS) –

回答

1

這種風格在所有的主流瀏覽器(IE,火狐,歌劇,Safari和Chrome)

記住的支持,這樣做時,用戶仍然不得不之前下載原圖它會以您指定的大小呈現!如果它是一個特別大的圖像,在上傳圖像之前使用圖像編輯器縮小比例可能是明智之舉。

用戶仍在接收原始文件,但瀏覽器正在通過其各自的渲染方法改變它。

這條規則的唯一例外是,這不一定是由於瀏覽器呈現,但可能有助於記住,HTML5不再允許您按百分比進行調整 - 您只能通過調整像素(你已經是)