【转】超宽的banner条自适应浏览器大小始终居中的方法

简介: 现在越来越多的人使用宽屏的显示器了,所以传统的1024或者960的宽度banner条也逐渐的不被客户端访客所喜欢,所以现在在网站前端开发中一定要考虑到这一点,但是我们会发现在宽屏浏览器下设计出来的banner在传统的1024的显示器下浏览是会出现横向滚动横条。只要在对应标签插入如下CSS即可解决。 position: absolute;top: 0;left: 50%;margin
+关注继续查看

在越来越多的人使用宽屏的显示器了,所以传统的1024或者960的宽度banner条也逐渐的不被客户端访客所喜欢,所以现在在网站前端开发中一定要考虑到这一点,但是我们会发现在宽屏浏览器下设计出来的banner在传统的1024的显示器下浏览是会出现横向滚动横条。只要在对应标签插入如下CSS即可解决。

position: absolute;
top: 0;
left: 50%;
margin-left: -960px;//banner图大小的一半
width: 1920px;//图宽
height: 600px;//图高

 

 

目录
相关文章
|
4月前
selenium--设置浏览器的位置和高度宽度
selenium--设置浏览器的位置和高度宽度
|
8月前
|
Web App开发 前端开发
css:浏览器滚动条出现时页面宽度会缩窄页面抖动
css:浏览器滚动条出现时页面宽度会缩窄页面抖动
241 0
css:浏览器滚动条出现时页面宽度会缩窄页面抖动
|
编解码 前端开发
前端设置页面字体尺寸跟随屏幕大小而进行变化
前端设置页面字体尺寸跟随屏幕大小而进行变化
409 0
前端设置页面字体尺寸跟随屏幕大小而进行变化
|
前端开发 UED
【网页前端】CSS进阶之元素的背景以及清除浏览器默认样式
【网页前端】CSS进阶之元素的背景以及清除浏览器默认样式
166 0
【网页前端】CSS进阶之元素的背景以及清除浏览器默认样式
获取浏览器窗口高度和宽度兼容IE
获取浏览器窗口高度和宽度兼容IE
网页宽度一般设置多少才合适?
许多的网页设计在进行网页布局设计时,进行界面网页的宽度尺寸设计都比较迷茫,800600尺寸及1024768尺寸的分辨率下,网页应该设计为多少像素才合适呢?太宽就会出现水平滚动条了,下面我们就网页设计的标准尺寸进行讲解.网页设计标准尺寸: 阿里云代金券1000元免费领取地址:https://promotion.aliyun.com/ntms/yunparter/invite.html?userCode=2a7uv47d 新老阿里云账户均可领取!可用于购买阿里云服务器ECS、云数据库RDS、虚拟主机、安骑士、DDoS高防IP等100多云计算产品。
3580 0
页面自适应浏览器宽高
autodivheight(); function autodivheight() { //函数:获取尺寸 //获取浏览器窗口高度 var winHeight = 0; if (window.
1028 0
|
前端开发
Css:背景色透明,内容不透明之终极方法!兼容所有浏览器
没有过多的文字,直接看效果。 运行代码 本文转自懒得安分博客园博客,原文链接:http://www.cnblogs.com/jikey/archive/2012/08/31/2665880.html,如需转载请自行联系原作者
922 0
|
Web App开发 前端开发 测试技术
热门文章
最新文章
相关产品
云迁移中心
推荐文章
更多