![](/img/trans.png)
[英]max-width not working in IE11 with display: table container and display: flex children
[英]max-width and flex in IE11 does not work
我在IE11中使用彈性框和最大寬度時遇到問題。 我確實搜索過網絡,但我看到了一些解決方案,但是沒有一個解決方案適用於我,這就是我發布新帖子的原因。 這是我的代碼:
.story-img { padding: 0px 0px 6px 0px; display: flex; justify-content: center; align-items: center; flex:1; } .story-img img { cursor: pointer; max-width: 100%; height: auto; flex-shrink: 0; } .row { width: 100px; }
<div class="row"> <div class="col-xs-12 story-img"> <div> <img class="img-responsive11" alt="" src="https://s3.amazonaws.com/resized.images.stg1.telegraphjournal.com/251861/desktop/comey-mob-analysis-56581436-3f0b-11e8-a7d1-e4efec6389f0.jpg"> </div> </div> </div>
所以當你看到我使用max-width來控制更大尺寸的圖像。 它適用於IE以外的所有瀏覽器(我使用的是IE11)。 這是codepen示例: https ://codepen.io/hminaee/pen/wXNjBK#code-area
你能幫我么?
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.