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

Question

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

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

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

 <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% 到视口(viewport)所以我想知道这对你来说是怎么失败的，而不是 % 使用 em，如果您的页面超过视口(viewport)的高度和宽度，默认情况下也可以滚动，除非并且直到您使用 overflow: hidden; 并且如果您想要屏幕和设备的不同样式使用 CSS3 @media queries

语法

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

这是一篇不错的文章 get started与媒体查询