JS实现相应式页面

[绿了芭蕉-红了樱桃]

最近在研究相应式页面,如何让页面在不同的情况下，进行自适应，动态的进行布局，觉得http://icaper.net这个网站实现的效果还不错。在网页缩小到50%的时候，网页的宽度不再发生变化。请教如何实现设置网页的最小宽度.

[qcxl]

#container { min-width: 600px; width:expression(document.body.clientWidth < 600? "600px": "auto" ); } 第一个属性是最小宽度定义的标准写法；第二个属性则是只有IE能够理解的javascript表达式

[绿了芭蕉-红了樱桃]

引用 1 楼 zyl_lyr1019 的回复:

min-width:500px; 最小宽度为500像素。

谢谢

[绿了芭蕉-红了樱桃]

引用 2 楼 u013472677 的回复:

#container { min-width: 600px; width:expression(document.body.clientWidth < 600? "600px": "auto" ); } 第一个属性是最小宽度定义的标准写法；第二个属性则是只有IE能够理解的javascript表达式

谢谢

[张运领]

min-width:500px; 最小宽度为500像素。

[撒哈拉的绿洲]

#container { min-width: 600px; width:expression(document.body.clientWidth < 600? "600px": "auto" ); }