0

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

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

有人知道应用这个的任何技巧吗？当我写宽度：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>
4

1 回答 1

2

当您使用width: 100%;它时，它意味着它是100%视口，所以我想知道这对您来说是如何失败的，而不是%use 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 */
}

这是一篇不错的文章，可以开始使用媒体查询

于 2013-03-02T19:58:20.077 回答