我在10-11中缩放svg时遇到了问题.它可以在其他浏览器中工作。Html:
<ul>
<li><a href="#">English <img src="https://lipis.github.io/flag-icon-css/flags/4x3/gb.svg" alt=""></a></li>
</ul>
CSS:
li img {
width: 19px;
height: 13px;
}
如何缩放图像以使其符合IE10+11中所需的宽度?
发布于 2016-09-09 09:11:40
您可以将图像放入容器中,并在此容器上指定宽度和高度。
<ul>
<li>
<a href="#">
English
<div class="img-container">
<img src="https://lipis.github.io/flag-icon-css/flags/4x3/gb.svg" alt="">
</div>
</a>
</li>
</ul>
CSS
li .img-container {
width: 19px;
height: 14px;
}
li img {
max-width: 100%;
max-height: 100%;
display: block;
outline: none;
border: none;
}
https://stackoverflow.com/questions/39407664
复制相似问题