【发布时间】:2017-08-10 13:12:26
【问题描述】:
我有一个背景图片作为标题。当屏幕尺寸为 800 像素或更少时,背景图像的字母不再适合。我需要缩小一点,以便字母适合屏幕。有没有办法控制背景图片的缩放?
(来源:http://steampunk-jewelry.nl/。“蒸汽朋克珠宝”在 800 像素或以下时无法显示在屏幕上。
【问题讨论】:
标签: css image background background-size
我有一个背景图片作为标题。当屏幕尺寸为 800 像素或更少时,背景图像的字母不再适合。我需要缩小一点,以便字母适合屏幕。有没有办法控制背景图片的缩放?
(来源:http://steampunk-jewelry.nl/。“蒸汽朋克珠宝”在 800 像素或以下时无法显示在屏幕上。
【问题讨论】:
标签: css image background background-size
您可以将transform: scaleY 应用于具有背景的块,然后将transform: scaleY 应用于其内容的相反值。
在当前情况下,您可以将.single-slide 设置为transform: scaleY(0.9),将其直接子级设置为transform: scaleY(1.1111) (1.1111 ≈ 1 / 0.9)。
【讨论】: