【问题标题】:Website render in IE 10 and lower在 IE 10 及更低版本中呈现网站
【发布时间】:2013-12-10 02:08:58
【问题描述】:

我使用 HTML5 创建了一个网站。该网站在 Chrome/Firefox 和 IE 11 上完美呈现。

我通过IE10及更低版本访问过网站,网站根本无法正常显示。

它应该是这样的:

这是它在 IE10 及更低版本中的实际外观:

为了尝试为 HTML5 添加更多支持,我在标题中添加了以下代码行:

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE10"> 
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
 <!--[if lt IE 9]>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->

如果您想在其中寻找东西,这是在线网站:

http://www.domanage.co.il

【问题讨论】:

  • 你用过flexbox布局吗?
  • @Pavlo 我不确定这是什么意思?主 Wrapper 定位相对,HEADER 是固定的,网站保持 1024px 宽并且不会改变。我刚刚开始使用 HTML5 而不是 divs 来处理所有事情。所以我想我没有使用 flexbox?
  • 这是第一次猜测。无论如何,你应该自己定位问题,IE也有开发者工具。
  • 确保你的 JS 是有效的。
  • @bagonyi 我猜我的 JS 是有效的。任何文件都没有返回错误

标签: javascript html internet-explorer internet-explorer-8


【解决方案1】:

nav 元素及其子元素 ul 的高度均为零像素。如果您设置一个值,它们就会显示出来。我没有花时间弄清楚零像素的来源。应该是您调试的一个很好的起点。

【讨论】:

  • 它似乎有点帮助,但它仍然不能解决问题。您使用什么工具在 IE 10 及更低版本中查看它?我正在使用一些网站,它给了我网页的截图
  • 如果你要为 IE 开发,你应该有一个运行 IE 的 VM。
  • 虚拟机?可以发个链接给我吗?
猜你喜欢
  • 2013-04-24
  • 1970-01-01
  • 2014-05-27
  • 1970-01-01
  • 2014-07-18
  • 2013-03-05
  • 2015-05-05
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多