css常见问题及技巧

1.父级元素如<a>已经设置成了块级元素(display:block),子元素如<img>设置了float,这时父元素a依然无高度没有被撑开

解决：在<a>元素的样式中添加overflow:hidden 

2.媒体查询功能@media screen and(min-width: 1280px){xxxxx:xxxxx}这样书写浏览器可能不会解析成功,and与后面的括号要分开

解决： @media screen and (min-width: 1280px){xxxxx:xxxxx}

3.为了让图片不管在什么屏幕大小下，均可以按照指定比例来显示，而且不会有加载时的跳跃感能够利用padding属性。

<div class="article_cover" style="width:100%;padding-top:57%;background-image:url(http://xxxxx.png);background-size:contain">

</div>