网页设计在不同浏览器中的一点点变化答案

【问题标题】：Web page designing Changes in little bit in different browser网页设计在不同浏览器中的一点点变化
【发布时间】：2012-04-27 01:40:52
【问题描述】：

我正在使用 asp.net 开发一个 Web 应用程序。如果我在IE7 中运行我的网页然后与IE8 相比，设计略有变化。你能指导我为什么会出现这种差异以及这个问题的解决方案是什么。

【问题讨论】：

你应该更加明确，展示你发现的不同之处。了解您是否使用文档类型也很有用。没有这些信息，为什么无法猜测您的特定情况发生了什么。
我正在尝试上传图片它不允许我上传图片。因为我是这个网站的新用户。有没有其他方式可以讨论。
你的网页有 DOCTYPE 吗？
如果您的网页在公共服务器上，那么您可以将链接粘贴到此处供人们查看。如果您的页面尚未公开，那么您可以使用jsfiddle.net 之类的网站创建一个链接以供审核。如果您不熟悉 jsfiddle，则需要将 ASP.NET 页面的 HTML、CSS 和 JS 输出粘贴到相关的 jsfiddle 窗格中，然后“保存”以创建我们可以查看的链接。跨度>

标签： asp.net css

【解决方案1】：

IE7 和 IE8 呈现页面略有不同。就那么简单。就像 IE8 的呈现方式与 Firefox 或 FF3 与 FF2 的呈现方式略有不同。造成差异的最大原因是古怪的 CSS，但即使使用完全标准的样式，也存在一些差异。在 IE7 和 IE8 之间，出现了向更符合标准的渲染的巨大推动，包括对盒子模型的细微更改等。

首先，确保您的页面以标准模式呈现。 Quirks 模式的基本意思是“按你的感觉渲染”，在 IE 中的意思是“像 IE5 那样渲染”。添加<!DOCTYPE html> 行作为文件中的第一行应该触发标准模式，如果它不存在的话。之后，解决布局差异。

理想的解决方案：如果一切都不是像素完美的，那么布局看起来不会像废话。这并不难，特别是因为布局表已被有效弃用。

次优但实用的解决方案：

<!--[if IE 7]>
 <link href="ie7.css" rel="stylesheet">
<![endif]-->

在ie7.css 中，将可以将内容轻推到IE7 中正确位置的小调整。如果你的 CSS 做得正确，其他浏览器往往不需要这样的调整。

【讨论】：