css - 为什么 IE 7 中的 div 显示与其他浏览器不同？

Question

为什么 IE 7 中的 div 显示与其他浏览器不同？

在 IE 7 中的样子

 ________________
|________________|

但在 Chrome 和其他浏览器中看起来像

____________________________________________________________________________

如何破解 ie 以显示像其他浏览器一样的外观？

<div style=" border: 1px solid #ddd; width : 200 px; height : 1px;"></div>

Answer 1

让网站在不同浏览器上看起来一样一直是全世界网页设计师面临的一个持续问题。原因很简单——网站的可视化取决于许多不同的变量，例如:

The visitor's OS (operating system)

The visitor's display resolution

How the browser interprets the page

1. 访问者的操作系统

如果您的网站使用提交按钮、单选按钮、复选框和编辑字段，所有这些都将可视化，具体取决于访问者的操作系统及其风格。例如，提交按钮在您的 Windows 经典主题上看起来像一个灰色矩形，如果您使用 XP 风格，则看起来像一个椭圆形。作为解决方法，您可以为您的网站创建自定义按钮。

普通提交按钮的代码如下所示:

您可以将其替换为以下代码以指定提交按钮图像:

提交

可以对您网站界面的其他部分进行类似的更改。咨询专业网页设计师或搜索 Internet 将是解决所有可能问题的必要条件。

1. 访问者的显示分辨率

显示分辨率对网站的显示方式影响很大。例如，如果您创建的页面分辨率为 1024x768，则这些页面将无法适应将其分辨率设置为 800x600 的访问者的屏幕。

为了解决这个问题，您不应为您的网站使用静态尺寸，即您可以使用 width = 100% 而不是设置 width = 1024px。这不会解决所有问题，但至少会使页面适合屏幕。

1. 浏览器如何解释页面或网站的跨浏览器兼容性

Web 浏览器不会逐像素呈现页面。他们阅读整个代码并根据您的代码生成输出。但是，代码解释存在差异。因此，您应该检查您的网站在不同浏览器和操作系统上的外观。您可以使用以下在线工具来查看您的网页在不同浏览器上的外观:

http://browsershots.org

一个好的网站应该看起来一样，并且它的所有功能都应该在任何浏览器中都能正常工作。

不幸的是，没有简单的解决方案。您应该检查无法正确显示您的网站的每个浏览器的特性，并对您的代码进行必要的调整。熟练的网站开发人员应该熟悉最常见的浏览器兼容性问题，并且应该能够为您提供帮助。此类兼容性问题不仅可能出现在不同的浏览器中，还可能因为旧浏览器版本不完全支持最新标准而出现。

总而言之，您应该在尽可能多的不同浏览器和操作系统上测试您的网站。如果您发现任何错误，您应该尝试在 Internet 上搜索该问题的特定解决方案，或者联系可以帮助您解决问题的熟练开发人员。