移动响应显示器

Question

我正在设计一个移动响应的网站。我正在使用一段独特的代码，允许我打开多个隐藏的ul，但它们都向左滚动。

桌面或笔记本电脑上的问题显示滚动条，因此如果您是网站的新用户，则会知道它滚动。但是在移动网站上它不显示此滚动条，因此如果您是移动端的新网站，则不会知道这些项目是滚动的。

我想知道是否有一种隐藏内容的方法，直到它达到800px的宽度，它会显示文本以告诉人们滚动到左边。或者即使有一种方法可以让滚动条显示向左或向右按​​钮，当在桌面，笔记本电脑和移动设备上点击或录制时，这些按钮会向左或向右滚动。

任何建议都将受到赞赏。

由于

Answer 1

您可以使用css @media标记调整响应值。例如，您正在使用这样的普通css类：

.YourClass{
    display:block;
 }

对于max-width:800px的移动宽度，您可以将其用于响应式调整：

 @media only screen and (max-width: 800px){
   .YourClass{
       display:none;
    }
 }

在此示例中，如果窗口宽度小于800px，浏览器将使用放在@media only screen and (max-width: 800px)中的类并隐藏内容。如果它高于800px，它将使用您的普通css类并显示内容。

您可以在this链接找到用法和各种示例。