HTML5 / CSS3 – NAVIGATION自我疑惑和解答

1、现在的主流网页的尺寸是多少？

PC的屏幕宽度，一般都在1000像素以上（目前主流宽度是1366×768），有的还达到了2000像素。手机的屏幕比较小，宽度通常在600像素以下。因此现在，要在大小迥异的屏幕上，都呈现出满意的效果，并不是一件容易的事。

即使专业地接触前端已经一年半了，在这个问题上我开始一直被困扰着。通过这次，很想能够寻找出一个答案。

观察过很多个网站，是采用不同的设备用不同的网页代码，但是这样维护起来就相当于要维护好几个网站。如果一次性做出来，不是更省心吗？

下面，说几种我找到的解决方法：

(1)宽度：使用%取代px等方式定义宽度

(2)字体：使用em取代px

(3)定位：多使用灵活的浮动float

(4)图片：采用max-width和%形式来显示，这样就可以自己适应屏幕的大小了。

2、body里面框个

的作用是什么？

暂时理解为定位整个页面，防止有意想不到的问题。

但是暂时没有碰到过因为不加而产生的问题，我也没有办法通过实际去理解。希望各位有经验的大神指点一下。

3、css结构里，让所有浏览器都支持的代码真的好用吗？

其实网络上有很多种兼容各种浏览器的方法，特别是ie6\ie7\ie8的。但是各个浏览器的兼容效果始终是有所差异的，如果都要兼容起来，恐怕是一门大学问。

我们可以在最基础上提前预防。

但是很多时候，都是根据碰见了哪个问题，再针对问题进行一一解决。我个人比较赞同这种方式，因为有些为了兼容性而写的代码，如果有效性不够高，可能会限制到正常写代码的效果。

4、html5里的具体作用是什么？现在有多少浏览器支持？效果是怎样？