屏幕像素和照片像素

Question

我有一部手机，它的硬件规格说它有一个900x480的分辨率，所以我制作了一个嵌入在HTML文件中的480px宽的图片。然后我用手机打开这张照片，发现照片不适合屏幕，显然它比屏幕大。

这是什么问题？我希望480像素宽度的图片适合屏幕没有滚动条，谢谢。

Answer 1

你可以使用100％的宽度，以填补屏幕没有滚动条：

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

.myImg 
{ 
    width:100%; 
}