Html 调整窗口大小时缩放div上的SVG背景图像_Html_Css_Svg

Html 调整窗口大小时缩放div上的SVG背景图像

html css svg

Html 调整窗口大小时缩放div上的SVG背景图像,html,css,svg,Html,Css,Svg,正在寻求帮助。我正在尝试按比例缩放一个image.essentials，它在css中设置为背景并应用于一个div 当窗口变小时，图像确实会按比例调整大小，但问题是到div的高度保持不变，留下巨大的间隙我正在使用modernizr for fallback来检测是否支持svg来获取svg图像，以及是否支持IE8及以下版本的png图像下面是HTML <div class="essentials"></div> 假设div没有内容，则使用 padding-bottom:

正在寻求帮助。我正在尝试按比例缩放一个image.essentials，它在css中设置为背景并应用于一个div

当窗口变小时，图像确实会按比例调整大小，但问题是到div的高度保持不变，留下巨大的间隙

我正在使用modernizr for fallback来检测是否支持svg来获取svg图像，以及是否支持IE8及以下版本的png图像

下面是HTML

<div class="essentials"></div>

假设div没有内容，则使用

padding-bottom: 50%; // 2:1 aspect ratio

要添加对IE6和IE5的支持，请包括

height: 0; // IE6 (hasLayout)

如果div有内容，则需要一个额外的包装器div。这都是从中获取的

height: 0; // IE6 (hasLayout)