【问题标题】:Change zoom on a background image after background-size: cover在 background-size:cover 之后更改背景图像的缩放
【发布时间】:2017-08-10 13:12:26
【问题描述】:

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

(来源:http://steampunk-jewelry.nl/。“蒸汽朋克珠宝”在 800 像素或以下时无法显示在屏幕上。

【问题讨论】:

    标签: css image background background-size


    【解决方案1】:

    您可以将transform: scaleY 应用于具有背景的块,然后将transform: scaleY 应用于其内容的相反值。

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-07-08
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多