码迷,mamicode.com
首页 > Web开发 > 详细

背景图片全屏自适应关键css代码

时间:2017-07-01 16:19:55      阅读:199      评论:0      收藏:0      [点我收藏+]

标签:dom   设置   htm   扯淡   网上   logs   显示   知识   客户   

html,body{
	width: 100%;
	height: 100%;
}
body{
	/*background-repeat: no-repeat;*/
	background-size: 100% 100%;
}

  这个非常关键,不知道网上为什么完全搜不到,就好像没有这个知识点,搜到的都是些瞎扯淡的东西。

我一开始不知道很烦恼,原来要设置html和body的宽高都为100%,dom元素们才有一个基准,要不然怎么设置background-size都是白瞎,是否repeat根据自己需要,如果你的背景图片足够大,这世界上再没有一台显示器能大过你这图片的尺寸了,你就可以不用加上。否则客户显示器可能大过你的背景图片的话可以加上

背景图片全屏自适应关键css代码

标签:dom   设置   htm   扯淡   网上   logs   显示   知识   客户   

原文地址:http://www.cnblogs.com/qdog/p/7102444.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!