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