Asp.net 无法使IE10与Chrome和Firefox显示器匹配

我有一个asp.NET4.0应用程序，我正试图平衡这三种浏览器。内容与Firefox和Chrome一样排列整齐，但在IE10中显示时，文本元素会变得更大，不再正确地在其布局中流动。奇怪的是，IE8显示正确，就像IE10在兼容模式下一样，但使用

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8"/> 
or 
<meta http-equiv="X-UA-Compatible" content="IE8"/> 

---

关于下一步应该看什么的任何建议，或者解决方案的想法？

模拟版本

（IE=EmulateIE8）

告诉浏览器使用doctype来确定如何呈现内容。没有doctype的页面将在中呈现。不过，使用html5 doctype几乎可以将任何浏览器切换到

内容标准模式

这就是您的代码可能失败的原因

在大多数情况下，该行执行以下任务：

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

如果是的话，太好了。。。但是，继续阅读，以防止类似的事情再次发生

如果没有：

• 在“怪癖”模式下渲染时，某些浏览器会重新创建一些遗留行为，其中表（但这也可能应用于其他元素）无法正确继承，如图所示

• 文件中未覆盖的每个css属性在每个给定浏览器上都可能具有不同的默认值！有一个常见的做法是使用css重置模板，如、、和许多其他模板（这里有一点）！他们所做的只是重置一些重要的css属性，留下一个平等的基础来构建

• 基于我前面的观点，声明

  font-size:small

  或

  font-weight:normal

  可以以不同的方式解释，而无需任何属性重置<代码>小不是跨浏览器字体大小调整单元

这里有一点提示，你可以尝试一下，以使其工作，当然不是所有的礼仪都需要，但我希望你找到他们尝试：

html, body { font-size: 100%; font: inherit }

body { line-height: 1 }

ol li { text-align:left }

button { 
    font-size: 100%;
    font-weight: normal;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle;
    line-height: normal;
    -webkit-appearance: button;
    cursor: pointer;
    *overflow: visible;
}

---

模拟版本

（IE=EmulateIE8）

告诉浏览器使用doctype来确定如何呈现内容。没有doctype的页面将在中呈现。不过，使用html5 doctype几乎可以将任何浏览器切换到

内容标准模式

这就是您的代码可能失败的原因

在大多数情况下，该行执行以下任务：

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

如果是的话，太好了。。。但是，继续阅读，以防止类似的事情再次发生

如果没有：

• 在“怪癖”模式下渲染时，某些浏览器会重新创建一些遗留行为，其中表（但这也可能应用于其他元素）无法正确继承，如图所示

• 文件中未覆盖的每个css属性在每个给定浏览器上都可能具有不同的默认值！有一个常见的做法是使用css重置模板，如、、和许多其他模板（这里有一点）！他们所做的只是重置一些重要的css属性，留下一个平等的基础来构建

• 基于我前面的观点，声明

  font-size:small

  或

  font-weight:normal

  可以以不同的方式解释，而无需任何属性重置<代码>小不是跨浏览器字体大小调整单元

这里有一点提示，你可以尝试一下，以使其工作，当然不是所有的礼仪都需要，但我希望你找到他们尝试：

html, body { font-size: 100%; font: inherit }

body { line-height: 1 }

ol li { text-align:left }

button { 
    font-size: 100%;
    font-weight: normal;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle;
    line-height: normal;
    -webkit-appearance: button;
    cursor: pointer;
    *overflow: visible;
}

---

是否尝试添加视口元并设置初始比例？不知道这是否会有帮助，但也许值得一试。@tomca32我怀疑这个问题与移动设备有关，但如果是，viewport meta标记将无能为力，因为IE不支持它。它使用

@viewport

规则：@tomca32 cimmanon是正确的。这不是一个移动问题（而且它在iPad上显示正确）。我只是出于好奇尝试了一下，没有效果（cimmanon建议的视口版本）。您是否尝试添加视口元并设置初始比例？不知道这是否会有帮助，但也许值得一试。@tomca32我怀疑这个问题与移动设备有关，但如果是，viewport meta标记将无能为力，因为IE不支持它。它使用

@viewport

规则：@tomca32 cimmanon是正确的。这不是一个移动问题（而且它在iPad上也能正确显示）。我只是出于好奇尝试了一下，没有效果（cimmanon建议的视口版本）。不幸的是，这条线没有效果。该页面使用的所有CSS都在我的原始帖子中。我看不出有什么问题，但我对CSS不是特别有经验，可能遗漏了一些东西。上面的CSS没有起到任何作用，但你在字体大小方面是对的：小不是一个跨浏览器的标准。当我将字体大小设置为9pt时，我测试的所有三种浏览器的显示元素都变得一致。我必须读一些关于重置的东西，我以前遇到过，但还没有尝试过使用它。我真的需要对CSS做一些研究，因为我肯定会用到它。：）@Ben我真的很高兴你找到了解决方案：）正如我说的，我没有办法在这台计算机上测试代码！不幸的是，这句话没有效果。该页面使用的所有CSS都在我的原始帖子中。我看不出有什么问题，但我对CSS不是特别有经验，可能遗漏了一些东西。上面的CSS没有起到任何作用，但你在字体大小方面是对的：小不是一个跨浏览器的标准。当我将字体大小设置为9pt时，我测试的所有三种浏览器的显示元素都变得一致。我必须读一些关于重置的东西，我以前遇到过，但还没有尝试过使用它。我真的需要对CSS做一些研究，因为我肯定会用到它。：）@Ben我真的很高兴你找到了解决方案：）正如我说的，我没有办法在这台计算机上测试代码！

html, body { font-size: 100%; font: inherit }

body { line-height: 1 }

ol li { text-align:left }

button { 
    font-size: 100%;
    font-weight: normal;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle;
    line-height: normal;
    -webkit-appearance: button;
    cursor: pointer;
    *overflow: visible;
}