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