屏幕像素和照片像素

Question

我有一部手机，它的硬件规格说它的分辨率是 900x480，所以我做了一个 480px 宽度的图片嵌入到一个 html 文件中。然后我用手机打开那张图片，发现图片放不下，明显比屏幕大。

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

Answer 1

您可以使用 100% 的宽度来填充屏幕而无需滚动条：

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

.myImg
{
  width:100%;
}