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

Css 在每台电脑上显示不同的网页,css,cross-browser,Css,Cross Browser,我使用jQuery制作了一个简单的网页。当在另一台电脑上打开它时,它看起来不同(更大,一些HTML表格从主体选项卡溢出) 你能告诉我为什么会这样吗?如何使所有机器上的显示相同 我的css代码: <style type="text/css"> label { width: 15em; float: left; } label.error { display: none; float: none; color: red; padding-left

我使用jQuery制作了一个简单的网页。当在另一台电脑上打开它时,它看起来不同(更大,一些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>

标签{宽度:15em;浮动:左;}
label.error{显示:无;浮点:无;颜色:红色;
左侧填充:.5em;垂直对齐:顶部;}
p{clear:两者;}
.提交{左边距:12em;}
em{font-weight:bold;padding-right:1em;垂直对齐:top;}
身体{
字体系列:泰晤士报新罗马版,verdana;
字体大小:22px;
宽度:950px;
高度:70像素;
左边距:自动;
右边距:自动;
边缘顶部:6px;
背景图片:url(“wood_texture2.jpg”);
溢出:自动;
}

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

有一件事你没有考虑到,那就是分辨率。如果我的电脑使用的DPI分辨率与你的不同,即使使用相同大小的显示器,它也会显得更大或更小

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

您可以使用不同的浏览器

您可以安装不同的字体

在windows中,您可以使用一个大的DPI,使所有内容看起来都更大


有很多因素导致它们看起来不同。

你能发布一些示例代码吗?这可能是因为您正在以百分比指定宽度,而另一台电脑的分辨率更高,但如果没有看到任何代码,则很难判断。您可能希望指出可能存在的环境差异。。每台电脑使用什么浏览器?什么版本的浏览器?它们都是PC机,还是PC机、Mac机和iPad的混合机?我的PC机使用linux,另一台是windows。但同一品牌(戴尔)耶..不同的浏览器不同的结果..在谷歌chrome中没有问题。但在mozilla firefox 3.6中,它看起来更大。请尝试通过_V__\u view->zoom->Reset重置firefox中的缩放。并尝试重置浏览器设置,或检查允许的最小字体大小