本页面演示了两个比较重要的技巧:最小宽度值和弹性图片.

弹性布局是用到min-width这个属性,但这个属性在IE6下不受支持,因此加入了老外的一个JS脚本,这个脚本让IE6也能支持最小,最大宽度(高度)四个属性.

 

弹性布局其实最难的还不是布局,而是里面的图片如何做到自适应,也就是说让图片也变得弹性起来。这是这种布局时要最优先考虑的事情。

页头图片就是一个弹性图片的典型应用,你可以缩小一下窗口看看。

相关文章链接:《弹性+固宽布局