本文主要是介绍【转】超宽的banner条自适应浏览器大小始终居中的方法,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
现在越来越多的人使用宽屏的显示器了,所以传统的1024或者960的宽度banner条也逐渐的不被客户端访客所喜欢,所以现在在网站前端开发中一定要考虑到这一点,但是我们会发现在宽屏浏览器下设计出来的banner在传统的1024的显示器下浏览是会出现横向滚动横条。只要在对应标签插入如下CSS即可解决。
position: absolute;
top: 0;
left: 50%;
margin-left: -960px;//banner图大小的一半
width: 1920px;//图宽
height: 600px;//图高
这篇关于【转】超宽的banner条自适应浏览器大小始终居中的方法的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!