Internet Explorer 8 中的 Twitter Bootstrap 3 问题
问题内容:
我正在使用新的 Twitter Bootstrap 创建一个网站。此网站在除 IE8 以外的所有必需浏览器中都能正常显示和工作。
在 IE8 中,它似乎显示移动版本的元素,但拉伸到桌面显示器的整个屏幕。我相信我遇到的问题是 Twitter Bootstrap 是移动优先的。因此,出于某种原因,IE8 使用的是此选项。
我还注意到,容器类似乎没有像预期的那样获取 max-width CSS 属性。有人能看出我做错了什么吗?
代码:
<!-- Favicon --> <link rel="shortcut icon" href="/favicon.ico"> <link rel="apple-touch-icon" href="/apple-touch-icon.png"> <!-- Bootstrap --> <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0-rc1/css/bootstrap.css" rel="stylesheet"> <link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css" rel="stylesheet"> <script src="/SiteFiles/js/modernizr.js"></script> <!-- CSS --> <link href="/SiteFiles/css/main.css" rel="stylesheet"> <header> <div>
以上是为什么我的 Twitter Bootstrap 3 网站在 Internet Explorer 8 中显示移动版本,如何修复容器类上的'最大宽度”问题?的详细内容。更多信息请关注PHP中文网其他相关文章!