如何使滚动条显示给从小屏幕设备访问网站的平板电脑用户

Question

我想在我的网站上做一个简单的事情，当人们浏览网站时，他们可以通过滚动他们看到的内容。

假设我有一个滑块，有100%的宽度，然后他们可以看到在滑块底部滚动条图像的其他部分。左、右内容相同

有人知道使用这个的技巧吗?当我写width:100%;当我尝试在小屏幕上显示时，它没有显示任何内容。

 <div class="slide-images">
                        <div class="slide-img">
                            <img src="assets/img/slide_plumb_01.png" alt="">
                        </div>
                        <div class="slide-img">
                            <img src="assets/img/slide_plumb_02.png" alt="">
                        </div>
                        <div class="slide-img">
                            <img src="assets/img/slide_plumb_03.png" alt="">
                        </div>
                    </div>

Answer 1

当你使用width: 100%;时，这意味着它是100%到视口，所以我想知道这对你来说是如何失败的，而不是%使用em，如果你的页面超过了视口的高度和宽度，默认情况下也可以滚动，除非和直到你使用overflow: hidden;，如果你想要不同的屏幕和设备样式，使用CSS3 @media queries

语法

@media all and (max-width: 400px) and (min-width: 240px) { /* You can set the
                                                              resolutions here
                                                           */
  /* Styles goes here */
}

这里有一篇很好的文章来开始媒体查询