CSS背景图像适合宽度,高度应按比例自动缩放
我有
body { background: url(images/background.svg);}
期望的效果是该背景图像的宽度等于页面的宽度,高度变化以保持比例。例如,如果原始图像恰好是100 * 200(任何单位)且正文宽度为600px,则背景图像最终应为1200px高。如果调整窗口大小,高度应自动更改。这可能吗?
目前,Firefox看起来正在调整高度,然后调整宽度。这可能是因为高度是最长的尺寸而且它试图避免裁剪?我想垂直裁剪,然后滚动:没有水平重复。
此外,Chrome将图像置于中心,不重复,即使background-repeat:repeat
明确给出,这仍然是默认值。