javascript - 关于不定宽的轮播图问题,求助求助!
怪我咯
怪我咯 2017-04-11 11:02:09
[JavaScript讨论组]

页面宽度为1200px,然后轮播图宽度自动沾满屏幕,现在遇到的问题是,当窗口拉伸到1200以下,出现滚动条时,轮播会压缩为屏幕的宽度,而不是1200px,这样滚动就会发现轮播怎么解决这种问题?

怪我咯
怪我咯

走同样的路,发现不同的人生

全部回复(6)
天蓬老师

这个需要固定容器宽度 1200px,如果宽度是分段响应式的,要根据不同的段固定容器宽度。
总的来说,就是要固定合适的容器大小。

伊谢尔伦

轮播图的每个宽度设置为100%,并且需要通过JS实时获取屏幕的宽度,以方便计算轮播图的总宽度(如果你的轮播图是float定位而不是position定位)。

PHP中文网

这是浏览器对宽度解析的不一致造成的,你在包裹轮播图的最外层容器设置min-width: 1200px;像素试试

伊谢尔伦

你这个问题在ie6里面是没有问题,但是在ie6以上的都会出现这个,因为你有滚动条以后从新计算的宽度,背景没有改变,一般需要在有背景的那个容器设置一下min-width和你的图片宽度就好, ,这样移动滚动条就不会出现问题了

天蓬老师

设置轮播图的宽度是100%,这个是浏览器视口宽度的100%,如果出现滚动条,移动滚动条的时候定会出现有图片不能全部覆盖的情况。我觉得最好就是不让出现滚动条,如楼上说的设置最小宽度。

PHP中文网

你不设置宽度或者把宽度设置成100%,就会有这个问题啊。设置成固定宽度,不过在高于1200px的宽度的屏幕上面会有空白。最好通过background-color,设置背景色。这样看着是宽度满屏的,在大屏幕上一样。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号