为什么IE 7中的div与其他浏览器有区别?

时间:2014-01-08 11:35:23

标签: css internet-explorer html

为什么IE 7中的div与其他浏览器有区别?

IE 7中的

看起来像

 ________________
|________________|

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

____________________________________________________________________________

如何破解即显示其他浏览器的外观?

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

1 个答案:

答案 0 :(得分:1)

在不同的浏览器上看到相同的网站一直是全世界网页设计师的问题。原因很简单 - 网站的可视化取决于许多不同的变量,例如:

The visitor's OS (operating system)

The visitor's display resolution

How the browser interprets the page
  1. 访客的操作系统
  2. 如果您的网站使用提交按钮,单选按钮,复选框和编辑字段,则所有这些都将根据访问者的操作系统及其样式进行可视化。例如,提交按钮在Windows经典主题上看起来像灰色矩形,如果使用XP样式,则像椭圆形。作为解决方法,您可以为您的网站创建自定义按钮。

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

    您可以使用以下代码替换它以指定提交按钮图像:

    提交

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

    1. 访问者的显示分辨率
    2. 显示分辨率对网站的显示方式影响很大。例如,如果您以1024x768创建页面,则它们将无法放入将其分辨率设置为800x600的访问者的屏幕。

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

      1. 浏览器如何解释页面或网站的跨浏览器兼容性
      2. Web浏览器不会逐个像素地渲染页面。他们读取整个代码并根据您的代码生成输出。但是,代码解释存在差异。因此,您应该检查您的网站在不同浏览器和操作系统上的显示方式。您可以使用以下在线工具来查看您的网页在不同浏览器上的显示效果:

        http://browsershots.org

        一个好的网站应该看起来一样,它的所有功能都可以在任何浏览器中使用。

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

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