一、开发前的准备

       在开发企业网站的过程中，不仅仅是布局、样式、功能的编写，更多需要考虑到的是网站建设中兼容性的处理，首先，在接到项目的那一刻，很多人就立马开始排版布局、写样式、渲染数据。后面遇到问题了在想办法解决，其实不然，开发前应该前后端先交流、哪些功能可以实现、哪些功能由于种种限制实现不了，这会在开发后省了很多要解决的问题，同时也会缩减很多的时间，所以沟通很重要，前期的沟通能为开发节省很多时间，用一天的时间交流文案中的各种需求，那么开发中至少节省你三天的时间，甚至更多。所以开发前的重点，了解好需求、限制。

二、开发中的问题

       在网站建设的过程中，不同的人多页面的布局不一样，但最终的效果是一样的，但是，哪个更好一些呢？比如：让三个div水平居中，那么有很多方法，flex布局，添加绝对定位absolute，然后在用top和left和transform中 translate进行位置的调整，或者用margin、padding的方式计算出居中的位置进行赋值，但那种更好点呢，个人认为flex布局好用一点，transform这个属性涉及到了兼容性问题，有些浏览器不兼容，所以容易导致样式混乱。

要注意的问题：

1、在样式开头前，首先应该让margin和padding为0，因为有些浏览器自带了一些边距。

2、用了padding，一般不可少用到box-sizing:border-box;用了float，一般在父盒子中添加overflow:hidden清除浮动。

3、现在的网站都是响应式开发，所以px单位尽量少用，用一下相对单位，如rem。

4、rem单位在使用时对font-size的调整最好不小于12px，因为某些浏览器会有默认值，如果小于默认值，按默认值处理，默认值一般为12px，所以你对rem调整后在页面中的html的font-size应该要不小于12px。

5、rem在使用时在网上找一段代码，用你屏幕的宽度/(设计稿的宽度/12)，将得到的值赋给font-size，这样1rem=设计稿的12px，然后在进行排版布局就会避免了rem的坑

6、手机端的网页和pc端的网页是不一样的，那怕页面和内容都是一模一样，但是还是要对font-size进行再一次的调整，做完pc端的网站后以为网站是响应式的，换个屏幕大小也会缩放的，不用写手机端的，其实不然，如果是用rem为单位进行响应式开发，那么在pc端和手机端排版相差不大的情况下，还是要对font-siize进行调整，不小于12px，然后要么对针对手机端写一套html和css与js，但在功能和排版相差不大的情况下，用媒体查询，写一套手机端的样式，这样才能做到手机端和pc端都能浏览的效果。

三、开发后的调试

      兼容性一直是前端开发的一个重要的问题，各种浏览器的兼容性，处理方法必须了解。