css - 屏幕分辨率和滚动条问题

Question

在 chrome 中，当屏幕分辨率（全屏）最大时，我希望禁用滚动条功能。当屏幕分辨率降低（最小化）时，我希望我的滚动条功能能够正常工作。如果可以怎么办？

.content {
 margin: 1vmin;
 padding: 12px;
 margin-top:23%;
 background-color: blue;
 height: 1000px;

}

我正在使用上面的CSS代码。最小化页面高度是可以的，但是在全屏时有不必要的滚动。我想删除它。

标签： css

Answer 1

这很简单，如果您的内容的宽度大于视口宽度，则根据您编写的 css，它将是可滚动的或部分隐藏的。我想你不想在任何屏幕上隐藏你的内容，但你希望它可以在移动设备上滚动以获得更好的视图。你应该为响应做的第一件事是这个标签：

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

这将根据视口设置您的内容宽度，然后您可以使用自己的 css 或任何库（如 bootstrap）使其在手机中具有响应性/可滚动性。例如，Bootstrap 的.table-responsive类很好地使响应式表格易于滑动和查看手机而不是缩小以适应。