我目前正在努力使网站具有响应能力。但是我遇到了一个似乎无法解决的问题。
因此，当您通过手机访问网站或只是缩放浏览器时，大多数（尚未完成）都可以正确缩放。您会看到主页上的元素实际上都具有相同的宽度。因为我使用Width 100％CSS属性。
但是，仍然可以横向滚动，这是一个很大的背景问题，我无法弄清楚是什么，我的元素检查器甚至都没有将它作为元素或任何东西来捕捉。我一直在搜索它，我认为它可能是一个jQuery，但实际上我尝试过的任何方法似乎都不起作用。我也尝试了不同的视口，但这似乎也不起作用。
有人知道这里发生了什么吗？提前致谢。
更新：
感谢大家的帮助！#access ID。仍然有970px的宽度。我将其设置为100％，现在已经固定！
您首先需要在您的<head>区域中指定视口。这将使响应能力正确生效。
<meta name="viewport" content="width=device-width, initial-scale=1">
在此处阅读有关视口的更多信息：MDN
除此之外，似乎还需要添加一些元素到响应式CSS中，因为它们已经在style.css文件中设置了宽度。
@media screen and (max-width: 800px) {
#access {
width: 100%;
}
#footer-sidebar {
padding: 5%;
}
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句