我有一幅图像,过去用来显示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/