在每台电脑中显示不同的网页

时间:2010-11-23 04:47:51

标签: css cross-browser

我使用jQuery制作了一个简单的网页。在另一台PC上打开它时,它看起来不同(更大,一些HTML表格溢出来自正文标签)。

你能告诉我为什么会这样吗?如何在所有机器上使这个显示相同?

我的css代码:

<style type="text/css">
  label { width: 15em; float: left; }
  label.error { display: none; float: none; color: red;
                 padding-left: .5em; vertical-align: top; }
  p { clear: both; }
  .submit { margin-left: 12em; }
  em { font-weight: bold; padding-right: 1em; vertical-align: top; }
</style>

<style type="text/css">
  body {
    font-family:Times new roman, verdana;
    font-size:22px;
    width: 950px;
    height:70px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 6px;
    background-image:url("wood_texture2.jpg");
    overflow:auto;
  }
</style>

我的电脑长约15英寸,其他电视正方形约14英寸。

1 个答案:

答案 0 :(得分:1)

你不考虑的一件事就是决议。如果我的计算机使用与您不同的DPI分辨率,即使使用相同尺寸的显示器,它也会显得更大或更小。

可能发生这种情况的其他原因,浏览器设置可能有不同的最小字体大小。浏览器可能会意外地陷入“缩放”模式。

您可以使用不同的浏览器。

您可以安装不同的字体。

在Windows中,您可以使用大型DPI,这样可以使一切看起来更大。

有很多因素可能会出现不同。