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

发布网友发布时间：2022-04-20 10:21

共5个回答

热心网友时间：2023-07-15 21:51

<!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>

热心网友时间：2023-07-15 21:52

嗯我的空间会变小的

Ctrl + 滚轮放大缩小是现代大多数浏览器都会有的功能，其效果就是将页面内容全部缩小或放大。
唯独字体由于部分浏览器的原因，font-size最小12px，字体才不会变小。

当然，css3 可以帮到你，设定了 background-size:100%（前提是背景图处于 100% 宽度的body或其他跟着 html/body 的 100% 宽度的标签），图片就不会缩小了。

而且还有个问题，当浏览器宽度（尺寸）变小时，你的背景图也会跟着变小，自己考虑吧。

然而，css3 并不兼容全部浏览器，所以请自行考虑是否使用~追问4.6.31.17259我好友的一个Q空间你去看下。ctrl+滚轮所有的都变小就是背景不会变

追答我用chrome看是会变小的

缩放功能因应浏览器的种类和版本不同而不同，没能帮你解决

热心网友时间：2023-07-15 21:52

给body添加背景图片，再添加background-size:100% 100% 背景大小横向和纵向都为百分百

热心网友时间：2023-07-15 21:53

滚轮缩放网页是你浏览器问题，跟css背景没关系。QQ空间估计是屏蔽了Ctrl+滚轮缩放，如果不屏蔽的话照样背景变小。

热心网友时间：2023-07-15 21:54

{
background-repeat: no-repeat;
background-position: center top;
background-attachment: scroll;
background-image: url(http://cn.i.gtimg.cn/qzone/space_item/orig/3/72019_top.webp);
}追问层主发这个想要说什么啊