我有一幅图像,过去用来显示ok,但是现在在填充整个移动屏幕之前,它变得非常小。这是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像素,因此您会认为它合适,但它很小,这里是屏幕截图。地图图像是一个很小的,另一个很好

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

最佳答案

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

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


w3schools - Responsive Web Design - The Viewport

关于html - 我的图片在移动设备上非常小-具有320 +,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/58828382/

10-13 01:42