在写主题样式的时候经常会碰到用背景图铺满整个背景的需求，这里分享下使用方法 需要的效果 图片以背景的形式铺满整个屏幕，不留空白区域 保持图像的纵横比（图片不变形） 图片居中 不出现滚动条 多浏览器支持 以图片bg.jpg为例,最简单，最高效的方法 css ...

在写主题样式的时候经常会碰到用背景图铺满整个背景的需求，这里分享下使用方法 需要的效果 图片以背景的形式铺满整个屏幕，不留空白区域 保持图像的纵横比（图片不变形） 图片居中 不出现滚动条 多浏览器支持 以图片bg.jpg为例 最简单，最高效的方法 CSS ...

参考： https://stackoverflow.com/questions/1719452/how-to-make-a-div-always-full-screen .fullscreen { ...

html代码 js代码 ...

...

如果像以上代码写，高度为100%时，会发现背景图片只是内容撑起来的，却不能使整个屏幕铺满背景图； 解决方案： 我们要让#logo脱离文档流，为他添加个fixed属性 以上是本章全部内容 ...

利用css中 background-size：cover 填充整个viewport 注意： 一张背景图像素5000px*5000px在pc端 缩放都基本满足要求 不会出现模糊失真； 但是在移动端使用如此大的图片完全是浪费资源，大图会导致加载变慢，尤其是在移动网 ...

<style scoped> #logo{ background: url("../assets/login.jpg"); positio ...