由于身体上的最小宽度,Chrome正在进行缩放,不确定是否

时间:2018-06-14 16:23:13

标签: html css google-chrome mobile devtools

当我在移动Chrome DevTools上寻找我的网站时,他对页面进行了一些缩放,当缩小时看起来没问题。 我注意到缩放是专门假设桌面上的最小宽度(最小宽度:850px;),我尝试将媒体查询更改为px,甚至将其显示为无,但似乎没有什么能改变变焦,只有页面显示。 请帮助,这对于大学项目非常重要。

when loaded, with auto zoomed in
zoomed out
包含所有代码的文件
https://drive.google.com/open?id=18EjeGSGAvApz8xlyTgkkk7ZwA2tkNd1g


我认为问题可能在于身体HTML的属性,因为chrome devtools特定放大身体区域(我不知道为什么,它不在移动设备的整个区域,我尝试过实际改变大小,它似乎在相同的区域做同样的缩放,甚至thoe身体现在更大和全屏移动大小)。 也许它来自桌面的最小宽度属性,适用于移动设备,因为我没有取消它"在媒体查询。 以此为例,我将从页面" Historia_00.html"中获取身体属性的例子。

gps

我作为教师在html上请求的媒体查询代码

body {
    width: 100%;
    margin: 0px;
    font-family: 'Oswald', sans-serif;
    min-width: 850px;
}

在css上同老师的要求

<meta name="viewport" content="width=device-width, initial-scale=1.0">

0 个答案:

没有答案