自己记录- 浏览器自适应

少用 JS 多用 CSS, 提升运行效率. 另外 resize 事件当用鼠标拖放窗口大小时, 触发非常频繁, 谨慎使用.

 

建议 body 下 布局一个 DIV, 这个DIV 的 CSS 可以这样处理:

1

2

3

4

5

6

7

8

{

    position: absolute;

    left:0px;

    right:0px;

    top:0px;

    bottom:0px;

    overflow:auto;

}

然后再在这个 div中进行布局, 子div可以用 100%相对布局, 页面宽度就自动撑开了.

 

另外一种常用布局是用 table 设置宽度为100%进行布局, 不过有很多局限, 用的少了.