[英]Layout break in IE11 but in Chrome works fine
我的網站上有這個存檔並且工作正常。 但是當我在 IE11 中打開它時,圖像沒有調整大小。
我的代碼:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<div class="container">
<ul class="nav nav-tabs">
<li class="active"><a data-toggle="tab" href="#img">Img 1</a></li>
<li><a data-toggle="tab" href="#imgg">Img 2</a></li>
<li><a data-toggle="tab" href="#imge">Img 3</a></li>
<li><a data-toggle="tab" href="#imgee">Img 4</a></li>
</ul>
<div class="tab-content">
<div id="img" class="tab-pane fade in active">
<img src='img1.png' width="90%" />
</div>
<div id="imgg" class="tab-pane fade">
<img src='img2.png' width="90%" />
</div>
<div id="imge" class="tab-pane fade">
<img src='img3.png' width="90%" />
</div>
<div id="imgee" class="tab-pane fade">
<img src='img4.png' width="90%" />
</div>
</div>
</div>
<style>
.tab-pane {
margin-top: 10px;
}
</style>
有人知道為什么 img 在 IE11 中會中斷嗎?
我已經使用您的代碼創建了一個示例,似乎在 IE 瀏覽器中一切正常,截圖如下。 請檢查您的代碼,是否還有其他 CSS 樣式?
此外,嘗試清除瀏覽器數據(如:緩存),然后您可以嘗試使用F12開發工具檢查HTML元素和CSS樣式。 然后,嘗試設置 div 容器的寬度屬性。 如:
<style>
.tab-pane {
margin-top: 10px;
}
.container{
width:90%;
}
</style>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.