1
在渲染一些SVG图像我使用的引导.IMG响应类的属性IE边缘显示IE 9破解
display: block;
width: 100% \9;
max-width: 100%;
height: auto;
在IE 9中的工作原理是使宽度预期:100%产权。但IE边缘呈现为宽度:100%\ 9并使其无法正确应用。这是IE Edge的一个已知问题吗?
在渲染一些SVG图像我使用的引导.IMG响应类的属性IE边缘显示IE 9破解
display: block;
width: 100% \9;
max-width: 100%;
height: auto;
在IE 9中的工作原理是使宽度预期:100%产权。但IE边缘呈现为宽度:100%\ 9并使其无法正确应用。这是IE Edge的一个已知问题吗?
我看到同样的问题,看到在Edge下,一些SVG将正确显示,其他SVG将被拉伸。
我已经选择用于在\9
的顶部上的二次劈,护理Browserhacks,其靶向IE> = 11:
.img-responsive[src$=".svg"] {
width: 100%\9; /* IE 6-10 */
}
_:-ms-fullscreen, :root .img-responsive[src$=".svg"] {
width: 100%; /* IE 11+ */
}
第二选择器将覆盖width: 100%\9
(其被认为是无效的值在边缘)与有效的width: 100%
。
我使用CSS3属性选择器来使这些规则只适用于SVG。该语法支持回到IE 7(请参阅http://caniuse.com/#feat=css-sel3)。
进一步阅读:
[我看源(https://github.com/twbs/bootstrap/blob/master/dist /css/bootstrap.css#L1119),我无法找到'width'属性。你为什么需要黑客? – Vucko
我使用的版本是v3.2.0。问题是没有宽度属性IE不遵守给定的最大宽度。 – KasunKP
你能否给我们提供示例代码来测试它? – JuanK