Fatal编程技术网
  • twitter/
  • 如何修复IE上的twitter引导？

如何修复IE上的twitter引导？

twitter twitter-bootstrap

如何修复IE上的twitter引导？,twitter,internet-explorer-9,twitter-bootstrap,Twitter,Internet Explorer 9,Twitter Bootstrap,导航栏在IE中似乎工作不正常。下面是IE中的屏幕截图 我在stackoverflow.com上浏览了很多引导主题，但是他们给人们的“帮助”对我来说并不适用 正文标签后： 您需要将放在html的第一行。不确定它是否能解决您的特定问题，但无论如何都值得分享 我对IE中的twitter引导程序有问题。没有圆角。导航菜单未折叠。跨度未位于正确位置，甚至有些图像未显示 奇怪的是，当通过VisualStudio调试器运行时，该站点在IE中工作正常，一旦部署到服务器上，问题就会出现 尝试使用IE开发者工

导航栏在IE中似乎工作不正常。下面是IE中的屏幕截图

我在stackoverflow.com上浏览了很多引导主题，但是他们给人们的“帮助”对我来说并不适用

正文标签后：



    

    您需要将
    放在html的第一行。
    不确定它是否能解决您的特定问题，但无论如何都值得分享
    
我对IE中的twitter引导程序有问题。没有圆角。导航菜单未折叠。跨度未位于正确位置，甚至有些图像未显示
    
奇怪的是，当通过VisualStudio调试器运行时，该站点在IE中工作正常，一旦部署到服务器上，问题就会出现
    
尝试使用IE开发者工具（F12是键盘快捷键）
检查浏览器模式和文档模式。（位于菜单栏的顶部）
    
问题发生在我身上，因为文档是IE7，浏览器是IE10兼容性。
我在IIS中添加了http头：
名称
X-UA-Compatible
价值
IE=模拟E9
    
现在页面加载为文档-IE9标准、浏览器IE10兼容性和所有以前的问题都已解决
    
希望这有帮助
    

    -tessi
    如果您使用的是响应式布局，请尝试在代码中包含此js:
    您可以添加元标记：
    

    <meta http-equiv="X-UA-Compatible" content="IE=edge" />

    

    

    

    关于它是什么以及它是如何工作的一个简短的解释可以在这里找到
     我也有类似的问题。我在布局文件的开头放了下面一行代码，看起来一切都很好
    

    <meta http-equiv="X-UA-Compatible" content="IE=9">

    

    Internet Explorer具有用于样式表识别的最大代码行数
    
这是为导航栏项目设置浮动属性的引导导航栏样式规则：
    

    .navbar-nav > li {
    float: left;
}

    
Bootstrap3中的规则（可能也在早期版本中）位于第5247行
    

    正如这里所说的：，一张工作表最多可以包含4095行。
    只是为了完整性-值得注意的是，使用Bootstrap 3，请确保页面的结构如下。它解决了我在IE9和v3上遇到的问题
    

    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<!-- content -->
</body>
</html>

    

    需要包括这两个IE脚本
    

    <script src="http://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="http://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>

    

    我有同样的问题，其他答案都不起作用。我的问题很奇怪，IE9无法连接到任何https站点，因此，因为我使用的是在线maxcdn引导文件，比如
    

    
这些css和js都没有被应用。进入Internet Explorer选项的“高级”选项卡，我验证了未选中“使用TLS 1.0”会导致https站点和文件出现问题，并且在选中后，我的引导页面按预期格式化
    
正如其他人所指出的，请使用下面正确的doctype（可能一个有效的html4 doctype会起作用，但如果您要重新开始，不妨使用html5。）
    
respond js和html5垫片（如果使用）是针对IE8的。IE9不需要这个。下面的代码使用针对ie8及以下版本的标准方法
    
--艺术
    

    我最近遇到了这个问题。我更改了这些设置。这对我很有效
    

    如果您在intranet内，并且设置为兼容模式，则仅使用正确的doctype和respond.js是不够的
    
请参考此链接了解更多信息：并查看拉尔夫·培根的答案
    
与此相同：
    

    <!DOCTYPE html>
<meta http-equiv="X-UA-Compatible" content="IE=edge">

    

    我也遇到了类似的问题。
在我的例子中，查看CSS我发现了一个
    位置：initial
    
经过一些研究，我发现移动IE浏览器不支持它
    

    我只是简单地放了一个
    位置：relative
    ，一切正常。
    请将页面放在localhost中，然后再试一次
    您尝试过这个问题中的指导吗？看看法库7的答案。确保你的html页面的第一行是@OnniBucht。请接受提示，它似乎就是你要找的。这很有效。我的第一行是一条html注释，引导程序被破坏了。我把它删掉了，现在效果很好。谢谢是的，我可以确认，添加作品。我丢失了它，在添加DOCTYPE之后，它工作得很好。我已经添加了@OnniBucht：它不是同一个字符串，代表HTML5。我建议进一步阅读DTD声明的重要性以及它们与处理HTML内容的浏览器的关系。这对我来说很有用。当我用开发人员工具进行监控时，我注意到它报告在“intranet”上部署时以兼容模式运行，而不是在我的开发机器上。这对我来说是可行的，但现在使用Bootstrap 3破坏了菜单。这至少离我更近了一步（这对我来说不起作用）！它起作用了！！伟大的我认为这只适用于比IE9旧的版本，所以对于IE8和IE7非常感谢..这很有帮助这里你是最后的答案，几个小时后，你的解决方案对我有帮助。不确定那个盒子是什么时候被检查的，或者是我做的，或者只是一个蹩脚的IE，但就是这样。非常感谢！！同样的事情。我启用了TLS1，并对IE9安全证书警告说“Ok”。以前，所有引导下拉列表都没有响应。这使它们在IE8和IE9中都能工作。这对我来说是最好的。谢谢。这不是答案。很可能他是从桌面加载的。由于mime类型不匹配，CSS将被忽略。

    <!DOCTYPE html>
<meta http-equiv="X-UA-Compatible" content="IE=edge">