标签：
最近几天都是在做手机响应式，主要的项目要求就是要兼容PC端和各种手机的屏幕显示。在做的过程中主要遇到了以下几个问题。
第一:页面中模块定位或是漂浮，会影响页面的响应；解决方法就是让模块占父元素相应的百分之几，然后在用display:-webkit-box（前面加各兼容浏览器的前缀）来让几个模块占据同一行。
第二:padding的宽度会在元素中一直占据位置，响应时会收到影响；解决方法就是在相应的元素属性中写上box-sizing:border-box;这一句属性来解决，这样padding的作用依然存在，但是浏览器也可以忽略padding的存在。
第三:页面中用到a标签，span标签比较多，这些标签都是行级元素，在运用的过程中有时候转换成块级元素反而会影响布局或是响应;解决方法就是当转换成块级元素时，就将元素的宽度设置为百分比，这样就不会出什么问题了。
现在网页做得越来越多了，有些问题都能够解决了，就是还要加快速度。其它就没什么问题了。
标签：
原文地址：http://www.cnblogs.com/luolianlu/p/5064893.html
