[分享]css不让页面上下滑动

CSS是一种很有用的前端编程语言，它可以对网页进行各种样式设计。而有时候我们需要固定网页的大小，避免它在页面上下滑动。这种需求可以通过CSS代码来实现。body { overflow: hidden;...

CSS是一种很有用的前端编程语言，它可以对网页进行各种样式设计。而有时候我们需要固定网页的大小，避免它在页面上下滑动。这种需求可以通过CSS代码来实现。

body {
  overflow: hidden;
} 

使用上述代码，可以把网页的滑动条隐藏起来，从而避免页面上下滑动。但需要注意的是，这种方式适用于单一页面，如果想在整个网站中应用，则需要在网站主题中进行设置。

同时，如果想保持页面的响应式，可以尝试使用媒体查询(Media Query)进行设置，以便在不同设备上呈现不同的尺寸和布局。

@media only screen and (max-width: 768px) {
  body {
    overflow: auto;
  }
} 

在以上代码中，屏幕的最大宽度为768px时，页面的overflow属性设置为auto，这样在小屏幕设备上，页面仍能正常显示，避免了横向滑动。

需要注意的是，使用CSS控制页面滑动的同时，也要考虑页面内容的大小和排布，以及用户体验等因素。只有在确保不影响体验的前提下，我们才应该使用这种方法。