Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 我在手机上的图像非常小,只有320+;_Html_Css_Image - Fatal编程技术网

Html 我在手机上的图像非常小,只有320+;

Html 我在手机上的图像非常小,只有320+;,html,css,image,Html,Css,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; } 图像本身的宽度为320px,所以你可能会认为它合适,但它非常小,这里我有一个屏幕截图。地图图像是一个很

我有一个图像,过去显示正常,但现在它变得非常小,当它以前用来填补移动屏幕。这是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;
}
图像本身的宽度为320px,所以你可能会认为它合适,但它非常小,这里我有一个屏幕截图。地图图像是一个很小的,另一个还可以


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

设置HTML视口以解决此问题。这指示移动设备使用某些缩放方法,使图像以正确的大小显示

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

也发布您的HTML。