#demo{
background-img:url(../bg.png);
--(1)适用于上半部分背景图片,下半部分纯色
将背景图像等比缩放到完全覆盖屏幕,背景图有可能超出屏幕(容器)
background-size:cover; --(2)将背景图像等比缩放到宽度或高度与容器的宽度或高度相等,背景图像始终被包含在容器内。
background-size:contain;
--(3)最简单粗暴的方法,缺点会给背景拉伸变形;
background-size:100% 100%;
}
#demo{
background-img:url(../bg.png);
--(1)适用于上半部分背景图片,下半部分纯色
将背景图像等比缩放到完全覆盖屏幕,背景图有可能超出屏幕(容器)
background-size:cover; --(2)将背景图像等比缩放到宽度或高度与容器的宽度或高度相等,背景图像始终被包含在容器内。
background-size:contain;
--(3)最简单粗暴的方法,缺点会给背景拉伸变形;
background-size:100% 100%;
}