学习总结（15-12-21）

最近几天都是在做手机响应式，主要的项目要求就是要兼容PC端和各种手机的屏幕显示。在做的过程中主要遇到了以下几个问题。

第一:页面中模块定位或是漂浮，会影响页面的响应；解决方法就是让模块占父元素相应的百分之几，然后在用display:-webkit-box（前面加各兼容浏览器的前缀）来让几个模块占据同一行。

第二:padding的宽度会在元素中一直占据位置，响应时会收到影响；解决方法就是在相应的元素属性中写上box-sizing:border-box;这一句属性来解决，这样padding的作用依然存在，但是浏览器也可以忽略padding的存在。

第三:页面中用到a标签，span标签比较多，这些标签都是行级元素，在运用的过程中有时候转换成块级元素反而会影响布局或是响应;解决方法就是当转换成块级元素时，就将元素的宽度设置为百分比，这样就不会出什么问题了。

第四:多媒体查询的运用和理解，当页面缩小或是放大的时候，让页面中的有些模块变动一下，但是在用的过程中会出现元素对象的错误，或是没有作用，还有就是判断出错；解决方法就是在写页面的时候，把每一块模块都用一个div包起来，这样就方便调整元素的属性变化，还要将max-width,min-width分别解决清楚。

现在网页做得越来越多了，有些问题都能够解决了，就是还要加快速度。其它就没什么问题了。