大家都是如何通过仿写网页提高网页编写能力的呢？

对于网页兼容性问题，一般就只考虑ie8及以上的问题就行了，其他的浏览器一般都会要求用户更新到最新版本

自适应网页，我理解的，一般称之为响应式布局，在css中使用@media这样一个标签，具体的话可以去bilibili上面看看相关视屏教程
这里推荐一个视频https://www.bilibili.com/video/BV1eJ411e7cA，可以参考

bootstrap是一个CSS框架，是别人写好的css样式，你直接拿来使用，bootstrap中有媒体查询这部分内容，单独使用float和百分比布局做自适应
是很难实现的，曾经有段时间，我也陷入了这个误区，一般都会用到媒体查询，分屏的话一般也是更具需求来做，没有啥特别的要求

提高网页编写能力还是很简单的，首先，对于一个新页面，你需要懂网页布局，然后根据布局思路进行敲代码，遇到问题可以去菜鸟或者W3C上面
看看参考手册，参考手册写的还是很详细的，等你觉得这种方式没问题的时候，再去看看别人的代码，来提高自己，做网页要学会自己对网页内容
进行切割，将一个大的矩形切割成无数小的矩形，然后将小矩形拼成一个大的矩形，这是我的思路，可以参考

对于布局来说，你喜欢用什么样的标签都可以，不一定是用div，div标签是类似于一个容器，一般习惯对这个容器进行样式编辑，DIV+CSS写页面
应该就是这样来的

以上均来自于个人观点，仅供参考，毕竟我也是个菜鸟，哈哈

你想考虑电脑端的以前老版本的话，不要用到html5和css3上的东西，现在的手机端和pc的浏览器以上说的加前缀都能解决，只有你能准确理解盒子模型，定位，边框清除问题等和@media，bootstrap是可以用的，但bootstrap3之前包括bootstrap3的版本手机端字体问题根本就没有解决，不写响应样式的话不建议使用，你页面慢的问题，建议先把很多常用的小的模块先写好，以后网页的时候差不多的模块可以拿来用，稍微修改下就行。

主要还是解决ie8一下的兼容吧

主要是js兼容和css兼容（内核，比如盒模型和怪异盒模型）

能不用浮动就不要用了，媒体查询主要是（1920,1680,1440,1280）几个

自己实践可能更直观点，理论加实践才知道为什么这样做

目前pc端是否还是用div比较多？移动端用h5比较多呢？你这问题真的，难道pc端不是H5页面？

现在ie、ff基本都被边缘化了，chrome，webkit实际上已经占领了全部的份额。现在再学 css hack 基本浪费时间。
实际上，抄网页这种事情很low，现在的机器学习算法，已经可以很好地将切图转换成语义精确的html/css。你去学习能被机器替代的东西，没有前途。
前途在于，对web标准的理解，对于js和前端框架的理解，以及和后端的交互，全栈的知识。