在background-size:cover后更改背景图像上的缩放

时间:2017-08-10 13:12:26

标签: css image background background-size

我有一个背景图片作为标题。当屏幕尺寸为800像素或更小时,背景图像的字母不再适合。我需要缩小一点,以便字母适合屏幕。有没有办法控制背景图像的缩放?

(来源:http://steampunk-jewelry.nl/。“Steampunk Jewelry”在800像素或更低时不适合在屏幕上显示。

1 个答案:

答案 0 :(得分:0)

您可以对背景块应用transform: scaleY,然后为其内容应用transform: scaleY相反值。

在目前的情况下,您可以为transform: scaleY(0.9)设置.single-slide,为其直接子项设置transform: scaleY(1.1111)1.1111 ≈ 1 / 0.9)。