屏幕像素和照片像素

Question

我有一部手機，它的硬件規格說它有一個900x480的分辨率，所以我製作了一個嵌入在HTML文件中的480px寬的圖片。然後我用手機打開這張照片，發現照片不適合屏幕，顯然它比屏幕大。

這是什麼問題？我希望480像素寬度的圖片適合屏幕沒有滾動條，謝謝。

Answer 1

你可以使用100％的寬度，以填補屏幕沒有滾動條：

<img src="url" class="myImg" /> 

.myImg 
{ 
    width:100%; 
}