当我在移动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">