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

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

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

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

posted on 2017-07-01 15:12  灵剑丹心  阅读(145)  评论(0编辑  收藏  举报

导航