如何在html中为任何移动设备设置图像

Question

现在的问题是：不同的智能手机具有不同的显示分辨率。

例如840x560,480x320或800x480。

我需要写什么作为元标签，css等，以使“每个”现代智能手机中的图像适合显示器？

我希望我的关注得到清晰的描述。

Answer 1

  

img {max-width：100％;}

会做的伎俩

Answer 2

要定位特定的屏幕尺寸，您应该使用@media查询。 加background-size: cover;将使您的图像适合.block容器。

请参阅：https://developer.mozilla.org/en-US/docs/CSS/background-size

@media screen and (max-width: 840px) {
    .block {
        display: block;
        width: 100%;
        height: 100%;
        background: url(/path/to/image) no-repeat center center transparent;
        background-size: cover;
    }
}