背景图片全屏自适应关键css代码
html,body{ width: 100%; height: 100%; } body{ /*background-repeat: no-repeat;*/ background-size: 100% 100%; }
这个非常关键,不知道网上为什么完全搜不到,就好像没有这个知识点,搜到的都是些瞎扯淡的东西。
我一开始不知道很烦恼,原来要设置html和body的宽高都为100%,dom元素们才有一个基准,要不然怎么设置background-size都是白瞎,是否repeat根据自己需要,如果你的背景图片足够大,这世界上再没有一台显示器能大过你这图片的尺寸了,你就可以不用加上。否则客户显示器可能大过你的背景图片的话可以加上