1，目前参与的前端项目针对的浏览器版本较高，IE9+，遇到兼容性的问题较少。对于兼容性的问题，我主要有如下的做法：首先借助了normalize.css库来做兼容，其次借住一些打包工具，会给css加上前缀，比如-webkit，-moz等来做不同浏览器的处理。最后会借住caniuse网站，查属性兼容浏览器的版本。
2，div，span，b是没有语义的，其他均有语义

用过Bootstrap。Bootstrap是响应式布局，使用的时候简单的页面还是很容易实现。稍微复杂的界面，需要兼容手机端的时候就没那么方便。手机端屏幕大小有限，要把重要的内容简洁的显示出来，手机页面布局和传统的网页也不一样，更接近手机app的布局样式。最后为了不让页面代码过于复杂，还是设计了两套页面，分别针对大屏幕和小屏幕。

pc 和wap 绝不做兼容，太多不一样的东西了。

bootstrap是不是响应式布局的银弹？

这篇收获很大

这个适配的问题，我看很多种方案都是先拿到宽度，然后定个数比如是100得到单位长度，然后不管多大分辨率，都可以标准化，老师有没有更好的适配方案，还有现在回头用原生的JS写页面好难受，不知道什么原因赋值不成功，不起作用很难受。

我记得样式和加载不同：有时会听到开发PM抱怨用户用小众型的浏览器，甚至许多都是根本不曾听闻的，导致效果不一致缺东西。
       其实这块最大的坑在于有时不知缺啥且做了个性化导致：个性化其实有时导致的兼容性问题。