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

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

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

时间： 2024-09-20 03:57:16

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

HTML中使背景图片自适应浏览器大小

解决办法: 1.图片不够大,又background属性不能拉伸图片: 2.只能用个div,把其z-index值设为负,并使这个div大小为整个body大小,在div里用<img> : 3.body的background属性去掉,要不然会被遮住. <html> <head> <title>新年快乐</title><embed src="./1.mp3" autostart="true" loop=

浏览器|自适应要让flash自适应浏览器屏幕大小需要做到以下两点:1.swf文件随着浏览器屏幕大小也相应改变大下:方法:在网页里除了放你的swf文件外不要放其他的任何内容,并且swf文件的宽,高都设为100%;(可以看我的源文件里的fullscreen.htm文件): 2.当swf文件大小改变时,flash 内容也相应重新安排. 在这个例子里,我在主舞台上使用了一loader组件来载入一张图片.当你调整浏览器大小时,swf文件大下相应发生变化.我使用了Stage 对象的onReisize事件来

CSS控制图片自适应Div大小

CSS让图片自适应Div大小,对宽度执行CSS的expression指令,这个指令会在客户端被执行,当用户最大化显示窗口或缩放窗口时控制图片按比例适应Div宽度的大小.以下来看完整的示例代码如下: 浏览器窗口最大化后可看到图片自适应的效果,请替换IMG标签中的图片地址为一个有效的图片地址,以便查看效果.

jsp登录界面是一张图片在图片上增加div--input，怎么让div 自适应背景大小

问题描述 jsp登录界面是一张图片在图片上增加div--input,怎么让div 自适应背景大小 jsp登录界面是一张图片在图片上增加div--input,怎么让div 自适应背景大小,浏览器缩小div不在原来位置![ 解决方案 div下图片自适应大小div背景图片自适应解决方案二: 搞反了吧,应该是让图片自动填充满div吧.用css3 的background-size:100%,不过ie8-不支持解决方案三: background-position:center; 解决方案四: 背景图

Silverlight——施工计划日报表（四）——自适应浏览器窗口

转自http://www.cnblogs.com/codelove/archive/2011/06/12/2079232.html 在很多情况下,从用户体验的角度考虑,我们都希望我们的Silverlight程序能够适应各种大小的浏览器窗口或者框架,如图所示: 那么如何使Silverlight程序能够自适应浏览器窗口的大小呢,即使在动态改变浏览器窗口的时候也不例外.Google了几次,都没找到自己所需要的方案,于是只好自己来解决了. 首先,有没有办法在Silverlight的程序代码中获取

textarea自适应高度:CSS让Textarea文本框自适应浏览器宽度

<title>文本框自适应浏览器宽度 - www.cxybl.com</title> <body> <textarea style="width:expression(document.body.clientWidth-20)">123</textarea> </body> 本文链接http://www.cxybl.com/html/wyzz/CSS/20130908/40080.html

自适应图片大小的弹出窗口

弹出窗口|自适应很多时候我们需要提供这样的功能给访问者:当访问者点击页面中的缩略图时,其对应的全尺寸图片将显示在一个新的弹出窗口中供访问者查看. 实现此功能的最简单作法是用以下HTML代码创建一个图像链接: <a href="http://www.webjx.com/htmldata/2005-02-25/fullsize.jpg" target="_blank"><img src="http://www.webjx.com/htmld

html5-手机网页中，图片按钮自适应屏幕大小沉底

问题描述手机网页中,图片按钮自适应屏幕大小沉底 HTML5做手机网页,现在需要将一排4个按钮沉底,网页已经自适应屏幕大小宽和高都100%, 为什么我用百分比设置的时候,要达到百分之一百多,在苹果5,6,6P模式下都蛮好, 到苹果4就不行.有什么快速方便的解决办法解决方案手机网页屏幕自适应获取手机屏幕大小和图片自动适应大小

js-求限制浏览器大小的方法

问题描述求限制浏览器大小的方法当浏览器打开的网站缩小的一定范围后,不可再缩小.如,页面缩小至长1000px,宽500px 后,页面只可变大不能再变小. 解决方案 <!-- window.open ('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=n o, status=no') //写成一行