• 我们应该有新到生活,为我们未经生活过到的。

小窗口的的浏览体验

小窗口的的浏览体验是必须的,在保证页面内容的完整性的前提下,满足多终端设备的访问,细小部分的处理更能体现一个企业的水准。出现小窗口浏览的情形有很多,比如和女朋友抢电脑用的时候,女朋友要看电影,用户要看新闻,在难分高下的时候只能“AA”,因此浏览新闻就只能缩小窗口了:)
看了一下国内网站(满屏自适应部分)基本上没有考虑这点 tenPay_full tenPay_minify baidu baidu_full taobao qq 再看Yahoo最上面的提示条满屏的时候是100%,占据整个宽度 yahoo 缩小的时候页面内容完整,布局没有错乱 yahoo_small

对于块级元素,宽度默认会继承父级的宽度也就是100%(内联元素没有宽度,即使定义了也无效),而最外层元素HTML的宽度一般是随窗口的改变而改变的(改变窗口大小再点击下面代码)

alert(document.body.offsetWidth + "px")

YAHOO的做法是为满屏的元素(顶部提示条)加上min-width ,IE6不支持此属性不知道是YAHOO是怎么解决的,但是让IE6支持min-width实现方法可以用执行表达式 Expression:

width:expression((documentElement.clientWidth < 400) ? "400px" : "auto" )

另一种方法是用border-width来模拟

* html .minwidth { 
	border-left:600px solid #fff; float:left
}
* html .container { 
	margin-left:-600px; float:left;	 position:relative;
}

查看演示

Give lefter a comment

Your comment