Javascript 网页上的水平滚动条外观随屏幕分辨率的变化而变化

Javascript 网页上的水平滚动条外观随屏幕分辨率的变化而变化,javascript,html,css,Javascript,Html,Css,什么是正确的CSS来删除网页上显示的分辨率发生变化的水平滚动条 宽度是否固定为%? 还有,这个位置是绝对的还是相对的? 请提供帮助-在手机上打开网站时,是否有跨浏览器和最佳CSD设计的指针?您可以执行溢出-x:hidden在要隐藏滚动条的元素上,可能有许多情况会导致此问题 最常见的一种情况是,您定义了一个宽度为100%的父元素(很可能是一个div),然后添加了填充和边距。 请查看此链接: 另一种方法是创建响应性设计(使用mobile first responsive design)。 阅读此

什么是正确的CSS来删除网页上显示的分辨率发生变化的水平滚动条

宽度是否固定为%? 还有,这个位置是绝对的还是相对的?
请提供帮助-在手机上打开网站时,是否有跨浏览器和最佳CSD设计的指针?

您可以执行
溢出-x:hidden
在要隐藏滚动条的元素上,可能有许多情况会导致此问题

最常见的一种情况是,您定义了一个宽度为100%的父元素(很可能是一个div),然后添加了填充和边距。
请查看此链接:

另一种方法是创建响应性设计(使用mobile first responsive design)。
阅读此内容了解更多信息:


最后,我建议您使用css框架。有很多,每个都有它的优点和缺点。我个人更喜欢Bootstrap:

感谢您的回复,解决了这个问题,因为我删除了CSS中div的固定宽度,这导致了这个问题