本人目前html、css 常用的布局基本掌握，也看视频（但发现视频基本没有不考虑兼容适配）做过一些页面，但是仍旧满脑子都是问号。希望有大神指点一下迷津。
下面问题主要都是针对pc端页面自适应手机端。
1.对于网页的兼容方面
目前工作的话一般会要求兼容到什么版本的浏览器呢（很多要求的是主流浏览器，感觉不是很详细），在网上也搜过兼容相关的资料，但是好像都是很零碎的帖子（讲了reset样式，浏览器前缀，选择器前缀还有ie的条件判断），但可能因为没有完整的梳理，还是觉得很蒙，**请问是否有系统一些的书籍推荐？**
2.关于不同自适应方面，用float及百分比做布局在缩放屏幕大小时总会出问题（比如在ie7或者8时会掉下来），如果**用媒体查询又应该是以哪几个屏幕宽度作为分界点**，是参考bootstrap的媒体查询吗？
3.因为觉得布局自己还需要更加熟练一些，但是不知道**如何通过仿网页提高
编写页面能力**，是就看着页面不看代码，自己实现页面布局？还是跟着源代码敲，研究为什么这么写(发现有好些代码看不懂为啥那样写，作用是啥) （之前仿写网站都是自己根据内容布局自己写，基本实现页面）哪个方法会有用点呢？
4.目前pc端是否还是用div比较多？移动端用h5比较多呢？
求过路大神救救我的脑子吧！感谢！
