css - 使用 CSS 防止默认值

Question

我使用以下 CSS 代码 ( from SO ) 在 safari(移动 View )中显示滚动条。

.myScroll {
    display: inline-block;
    height: 100px;
    overflow-y: scroll;
}

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 8px;
}

::-webkit-scrollbar-track {
    background-color: rgba(240,240,240, .6);
    border-radius: 8px;
}
::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: rgba(156, 156, 156, .6);
}

::-webkit-scrollbar{
    -webkit-appearance: initial;
}

现在我想在桌面 View 中查看默认滚动条。我应该在我的桌面 CSS 代码中添加什么？

P.S. 我不应该在 CSS 中使用媒体查询。我已经为不同的分辨率准备了不同的 CSS 文件。

Answer 1

使用@media (max-width: 640px)或其他宽度值并在其中使用您的 css:

@media (max-width: 640px){
     your css code here
}

注意:你还应该使用

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