扫码关注官方订阅号
页面宽度为1200px,然后轮播图宽度自动沾满屏幕,现在遇到的问题是,当窗口拉伸到1200以下,出现滚动条时,轮播会压缩为屏幕的宽度,而不是1200px,这样滚动就会发现轮播怎么解决这种问题?
走同样的路,发现不同的人生
这个需要固定容器宽度 1200px,如果宽度是分段响应式的,要根据不同的段固定容器宽度。总的来说,就是要固定合适的容器大小。
1200px
轮播图的每个宽度设置为100%,并且需要通过JS实时获取屏幕的宽度,以方便计算轮播图的总宽度(如果你的轮播图是float定位而不是position定位)。
这是浏览器对宽度解析的不一致造成的,你在包裹轮播图的最外层容器设置min-width: 1200px;像素试试
你这个问题在ie6里面是没有问题,但是在ie6以上的都会出现这个,因为你有滚动条以后从新计算的宽度,背景没有改变,一般需要在有背景的那个容器设置一下min-width和你的图片宽度就好, ,这样移动滚动条就不会出现问题了
设置轮播图的宽度是100%,这个是浏览器视口宽度的100%,如果出现滚动条,移动滚动条的时候定会出现有图片不能全部覆盖的情况。我觉得最好就是不让出现滚动条,如楼上说的设置最小宽度。
你不设置宽度或者把宽度设置成100%,就会有这个问题啊。设置成固定宽度,不过在高于1200px的宽度的屏幕上面会有空白。最好通过background-color,设置背景色。这样看着是宽度满屏的,在大屏幕上一样。
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
这个需要固定容器宽度
1200px,如果宽度是分段响应式的,要根据不同的段固定容器宽度。总的来说,就是要固定合适的容器大小。
轮播图的每个宽度设置为100%,并且需要通过JS实时获取屏幕的宽度,以方便计算轮播图的总宽度(如果你的轮播图是float定位而不是position定位)。
这是浏览器对宽度解析的不一致造成的,你在包裹轮播图的最外层容器设置min-width: 1200px;像素试试
你这个问题在ie6里面是没有问题,但是在ie6以上的都会出现这个,因为你有滚动条以后从新计算的宽度,背景没有改变,一般需要在有背景的那个容器设置一下min-width和你的图片宽度就好, ,这样移动滚动条就不会出现问题了
设置轮播图的宽度是100%,这个是浏览器视口宽度的100%,如果出现滚动条,移动滚动条的时候定会出现有图片不能全部覆盖的情况。我觉得最好就是不让出现滚动条,如楼上说的设置最小宽度。
你不设置宽度或者把宽度设置成100%,就会有这个问题啊。设置成固定宽度,不过在高于1200px的宽度的屏幕上面会有空白。最好通过background-color,设置背景色。这样看着是宽度满屏的,在大屏幕上一样。