首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在10-11中缩放.svg

在10-11中缩放.svg
EN

Stack Overflow用户
提问于 2016-09-09 08:58:17
回答 1查看 331关注 0票数 1

我在10-11中缩放svg时遇到了问题.它可以在其他浏览器中工作。Html:

代码语言:javascript
运行
复制
<ul>
    <li><a href="#">English <img src="https://lipis.github.io/flag-icon-css/flags/4x3/gb.svg" alt=""></a></li>
</ul>

CSS:

代码语言:javascript
运行
复制
li img {
    width: 19px;
    height: 13px;
}

如何缩放图像以使其符合IE10+11中所需的宽度?

看这把小提琴

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-09-09 09:11:40

您可以将图像放入容器中,并在此容器上指定宽度和高度。

代码语言:javascript
运行
复制
<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

代码语言:javascript
运行
复制
li .img-container {
    width: 19px;
    height: 14px;
}

li img {
    max-width: 100%;
    max-height: 100%;
    display: block;
    outline: none;
    border: none;
}

https://jsfiddle.net/6e47sxhg/5/

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/39407664

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档