gpt4 book ai didi

html - @media max-width 在移动浏览器上不起作用?

转载 作者:太空宇宙 更新时间:2023-11-04 01:59:42 24 4
gpt4 key购买 nike

当我将 html 代码检查器放在移动设备上时,我的 @media only 屏幕和 (max-width:860px;){ 在浏览器上不起作用。

它主要在 this 上解释图片。

它确实适用于我的其他 @media 代码,例如:

@media only screen and (max-width: 1000px) {
.extramargin {
margin-left: 0;
}
#click {
margin-left: 40px;
width: 90%;
}
}

如果需要更多代码,我可以发送更多代码。我不知道我的代码的哪一部分导致我有 1200 行代码并且必须搜索一段时间才能找到所有内容来制作代码片段。但如果需要,我可以做到。

最佳答案

您必须告诉浏览器您希望设备的宽度为设备的实际宽度。所以,你必须设置视口(viewport)。只需将其包含在 <head> 中即可节

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

关于html - @media max-width 在移动浏览器上不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41983220/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com