CSS媒体查询添加SCROLLBAR

Question

我正在尝试创建一个将使用媒体查询响应的网页，我不明白我发现的关于媒体查询的概念绝对...但基本上可以想象我们有一个基本的网站，其中包含一些图像和按钮我已经看到了一些使用媒体查询的例子，其中一个是我们可以检测分辨率，如果它更小，例如min-width：480px那么我们可以使用不同的css文件左右，这意味着我们必须重写整个网页在不同的布局中10次，我们只是如果检测到较小的分辨率那么它只会添加滚动条？所以网页不会移动它的组件，但如果分辨率变小，它只会添加滚动条，我也看到它的代码，它使用overflow-x和y相同，但它对我不起作用

provide

Answer 1

当然可以。

您可以使用max-width的媒体查询来检测具有小屏幕的特定情况并添加滚动条。

两种情况下都会使用外面的所有CSS（宽度越来越大）。

.class1{}
.class2{}
...
@media screen and (max-width: 480px) {
    body {
       overflow-y: scroll;
    }
}