html背景图问题？

Question

需求：页面有一张大图，作为背景，要求浏览器尺寸不管怎么变化，背景图始终保持等比例（不会变形），同时也始终沾满整个浏览器（也不会有裁剪现象）。

个人理解使用css无法达到效果，图片不会有裁剪无法保证。是这样的吗？

Answer 1

背景图始终保持等比例（不会变形），同时也始终沾满整个浏览器
浏览器尺寸不是按图片的比例变化就不行了吧

Answer 2

如果要等比例的话，肯定会出现裁剪的，比如3：4的图片，你要变成了4:3肯定都会剪裁一部分，但是可以保持比例，并且显示图片中央位置

Answer 3

background: url('') no-repeat;
background-position: center center;
background-attachment: fixed;
background-size: cover;

我想这几个css能最大程度的满足你的要求...

Answer 4

background: url("") no-repeat center/cover;
试试这个css

Answer 5

背景图的宽高比例不可能兼容所有浏览器的比例，所以达不到铺满又不能变形且不能裁剪的效果。

Answer 6

不裁剪，还等比例，还能随意缩放，还要占满屏幕，用脑子想想再问问题。。