Iphone视口和可缩放图像

Question

我有这个：

<meta name="viewport" content="width=device-width, user-scalable=no" />

所以用户不需要缩放，但是我的图像是417x47并且看起来太大了，我的意思是用户必须向左和向右滚动才能看到它。如果我删除<meta name="viewport" content="width=device-width, user-scalable=no" />它看起来我想要的，但我不能这样做，因为我有很多文本内容，有没有办法只缩小图像，或者我需要调整大小的大小。

Answer 1

您可以使用媒体查询将图片的宽度设置为100％，或者您认为正确的像素大小，如下所示：

@media only screen and (max-device-width: 480px) {
    img {
        width: 100%;
    }
}