IE8对 bootstrap3 的模态框兼容性问题
IE8对 bootstrap3 的模态框兼容性存在问题，当模态框显示出来时，它的宽度显示有问题，如下：
在IE9及以上的版本显示就不会出现问题：
请问这种兼容性的问题怎么解决？
附上源码：
<!doctype html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="author" content="Jophy" />
<title>ie8</title>
<link rel="stylesheet" href="../../bootstrap-3.3.5-dist/css/bootstrap.min.css">
<link rel="stylesheet" href="../../bootstrap-3.3.5-dist/css/style.css">
<!--[if lte IE 9]>
<script src="//cdn.bootcss.com/respond.js/1.4.2/respond.js"></script>
<script src="//cdn.bootcss.com/html5shiv/r29/html5.js"></script>
<![endif]-->
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.js"></script>
<script src="../../bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
</head>
<body>
<!-- Button trigger modal -->
<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
Launch demo modal
</button>
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Modal title</h4>
</div>
<div class="modal-body">
<div class="form-group">
<label for="iinput1">用户名</label>
<input type="text" class="form-control" id="iinput1" />
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div>
</body>
</html>
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（9）
自己调整下样式，但貌似解决的不是太好。
此问题已解决，添加以下样式即可：
注意：样式中的数值均按照浏览器正常大小时的宽高设置，使用者可以按照自己的要求修改。
回复
@码上中国博客 : 那就不要用这个model框了呗,换layer嘛, 多好多漂亮.
自己加个 max-width ？？？
不使用bootstrap不太适合，毕竟项目做了大半截了，一致都是用的bootstrap，如果在IE8下就不适用bootstrap，太不划算，考虑下自己调整下样式，但貌似解决的不是太好。
@码上中国博客 回复
@码上中国博客 : 我们之前遇到的问题跟你一样，要求兼容ie8又要求页面美观，ui外包给的是bootstrap的，没法兼容，后来就提示ie不兼容，建议客户升级浏览器，然后不管了
回复
@尚浩宇 : ....好牛，我不敢这样做，我怕挨打
@码上中国博客 回复
@码上中国博客 : 偷着干的，实际上在给客户安装部署的时候，我们会给他安装谷歌浏览器，让他使用那个，不过现在大部分都用win10了，ie8没有了
bootstrap有个标签可以在检测出ie8等不兼容的浏览器中告知用户此浏览器不被兼容。用ie8就别用bootstrap