首页 >web前端 >css教程 >为什么我的 Twitter Bootstrap 3 网站在 Internet Explorer 8 中显示移动版本,如何修复容器类上的'最大宽度”问题?

为什么我的 Twitter Bootstrap 3 网站在 Internet Explorer 8 中显示移动版本,如何修复容器类上的'最大宽度”问题?

Mary-Kate Olsen
Mary-Kate Olsen原创
2024-12-14 20:27:20266浏览

Why is my Twitter Bootstrap 3 website displaying the mobile version in Internet Explorer 8, and how can I fix the `max-width` issue on the container class?

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中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn