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