CSS - 背景图像水平拉伸并垂直重复？
CSS - Background image stretch horizontally and repeat vertically?
使用 background-size: cover 我能够使背景拉伸以适合页面的整个宽度。
使用 repeat-y 我可以使背景重复或垂直平铺到页面的整个高度。
有什么办法可以结合这两种效果吗？不幸的是，它们似乎无法协同工作（至少在 Chrome 中）。看来我可以使用 background-size: cover 在两个方向上拉伸，或者不在 x 方向上拉伸但在 y 方向上重复。
编辑：使用 background-size: 100% Npx（其中 N 是图像的高度）我可以完成上述操作，但它会扭曲背景图像，因为它只在一个方向上拉伸。有没有办法让它按比例缩放？
不使用封面，而是使用 background-size: 100% auto; 将背景图片调整为浏览器全宽，同时保持其高度的纵横比。将其与 background-repeat: repeat-y; 结合使用以垂直平铺它。
使用 background-size: cover 我能够使背景拉伸以适合页面的整个宽度。
使用 repeat-y 我可以使背景重复或垂直平铺到页面的整个高度。
有什么办法可以结合这两种效果吗？不幸的是，它们似乎无法协同工作（至少在 Chrome 中）。看来我可以使用 background-size: cover 在两个方向上拉伸，或者不在 x 方向上拉伸但在 y 方向上重复。
编辑：使用 background-size: 100% Npx（其中 N 是图像的高度）我可以完成上述操作，但它会扭曲背景图像，因为它只在一个方向上拉伸。有没有办法让它按比例缩放？
不使用封面，而是使用 background-size: 100% auto; 将背景图片调整为浏览器全宽，同时保持其高度的纵横比。将其与 background-repeat: repeat-y; 结合使用以垂直平铺它。