为了账号安全,请及时绑定邮箱和手机立即绑定

CSS背景图像适合宽度,高度应按比例自动缩放

CSS背景图像适合宽度,高度应按比例自动缩放

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

3 回答

  • 3 回答
  • 0 关注
  • 1833 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信