CSS怎么让body背景满屏？不会随着Ctrl+滚轮变小

html-css027

CSS怎么让body背景满屏？不会随着Ctrl+滚轮变小,第1张

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>无标题文档</title>

<style>

html{width:100%

     height:100%}

body{width:100% 

    height:100%

    background: url(../1.jpg) no-repeat

    background-size:cover     /*这里设置了背景图片为覆盖，以填满整个容器*/

   }

</style>

</head>

<body>

</body>

</html>

在网页布局中，如果图片没有元素的宽高大，那么不想图片重复显示，又想占据满屏元素的背景图，这是不可能的；

当然在h5和css3出现后将这个不可能变为了可能；

在css3中有一个background-size属性，这个是给背景图片规定大小的一个属性，其值可为：px或者百分比，如果想要满屏，要么规定大小=元素的大小，或者设置其爽100%属性