html - 屏幕像素和照片像素

Question

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

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

Answer 1

您可以使用 100% 宽度来填充没有滚动条的屏幕：

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

.myImg
{
  width:100%;
}