写PC端响应式页面的一些问题

记录自己工作中遇到的问题，有不对的地方请大佬指正~

1.核心点就是容器靠内容撑开，不要设置元素高度，尤其是img，设置高度会把照片的比例搞乱掉

2.能少用浮动就少用浮动，百分之九十九都会出现高度塌陷这个问题，可以用伪元素方法解决这个问题

.clearfix:after{
    content:"";
    display:block;
    clear:both;
    visibility:hidden;
    height:0;
}

3.能少用图片的地方就少用图片，越节省性能越好

4.整屏页面才需要将高度设为100%，否则不需要设置高度

5.margin和padding 如果用百分比的话，无论是横向还是竖直方向，都是相对于父元素的width来说的，和 高度没有关系

6.少用百分比布局，因为调整大小真的非常不方便，要动很多元素的大小

7.目前还没有做要求移动端适配的网页，今天就记录到这里啦，等移动端适配的时候再写一篇响应式需要注意的问题

感谢阅读~