<分区>
编辑问题以包含 desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem .这将有助于其他人回答问题。
关闭 4 年前。
标签 javascript jquery html css
<分区>
编辑问题以包含 desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem .这将有助于其他人回答问题。
关闭 4 年前。
所以我们正在为客户设计一个网站,我们正在将我们的设计构建到 wordpress 框架,问题是我们需要网站在台式机和笔记本电脑的屏幕上完全无法滚动。
内容溢出的div内容(主要内容)有垂直滚动,但一般情况下不应整屏滚动。我们很难将它变成不同的屏幕尺寸,因为我们正在手动更改几乎所有不同屏幕分辨率的边距和填充。
是否有更好的方法可以在 CSS 或 jquery 中实现?
您可以查看我们创建的演示:http://demo.unboundcodes.com/khandelwal/
它针对一些流行的屏幕尺寸完成了,但我们仍然无法成功,因为页面上的标题和主要内容之间仍然存在一些间距问题。
最佳答案
让您的网站响应不同屏幕尺寸和平台的最佳解决方案是使用 css 媒体查询。您可以分别指定笔记本电脑屏幕、台式机、手机和平板电脑的行为。在那里,您可以为笔记本电脑和台式机使用以下 css 属性
overflow-x: hidden //if you want to stop x-axis scrolling
overflow-y: hidden //if you want to stop y-axis scrolling
overflow: hidden //if you want to stop x and y-axis scrolling
详细说明请看这里: CSS Media Queries
关于javascript - 如何在桌面和笔记本电脑屏幕分辨率下禁用网站上的垂直滚动?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50831725/