CSS学习笔记

1.div中设置一个背景图，如何让它在各个浏览器都是铺满状态：background-size:cover;主要用在图片小于容器，同时又不能使用repeat时。

针对不同浏览器的适配：

background-size:cover;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
-ms-background-size:cover;

-moz代表Firefox私有属性

-ms代表IE浏览器私有属性

-webkit代表chrome  Safari 私有属性。

2.屏幕适配

eg：

@media screen and (max-device-width: 1440px){
#banner-top{
left: 10%;
}
}