我的图片在移动设备上非常小-具有320 +

2024-04-28 • 问答

我有一幅图像，以前显示的是screenshot of small image，但现在它在填充移动屏幕之前变得非常小。这是CSS：

img {
    max-width: 100%; height: auto; text-align: center; box-shadow: 2px 2px 5px 1px #888;
}
a img {
    list-style-type: none; text-align: center;
}

图像本身的宽度为320像素，因此您会认为它合适，但它很小，这里是屏幕截图。地图图像是一个很小的，另一个是可以的

谁能告诉我我做错了什么？

wangjihong0407 回答：我的图片在移动设备上非常小-具有320 +

设置HTML视口以解决此问题。

<head>
    <!-- Other head elements here -->
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
</head>

请参见w3schools - Responsive Web Design - The Viewport

css html image

本文链接：https://www.f2er.com/3113610.html

我的图片在移动设备上非常小-具有320 +

wangjihong0407 回答：我的图片在移动设备上非常小-具有320 +

大家都在问