屏幕分辨率和滚动条问题

Question

在chrome中，当屏幕分辨率(全屏)是最大值时，我想禁用滚动条功能。当屏幕分辨率降低(最小化)时，我希望滚动条功能正常工作。有没有可能，如果是这样，怎么做？

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

}

我使用的是上面的css代码。对于最小化的页面高度是可以的，但在全屏时会有不必要的滚动。我想把它去掉。

Answer 1

这很简单，如果你的内容的宽度大于视窗的宽度，那么它要么是可滚动的，要么是部分隐藏的，这取决于你写的css。我猜你不想在任何屏幕上隐藏你的内容，但你希望它在移动设备上是可滚动的，以便更好地查看。你应该为响应性做的第一件事是这个标签：

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

这将设置你的内容宽度为每一个视窗，然后你可以使用你自己的css或任何库，如bootstrap，使其响应/滚动在mobiles.For示例中，Bootstrap的.table-responsive类是很好的，使响应表很容易在手机上滑动和查看，而不是缩小到适合。