我使用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英寸。
答案 0 :(得分:1)
你不考虑的一件事就是决议。如果我的计算机使用与您不同的DPI分辨率,即使使用相同尺寸的显示器,它也会显得更大或更小。
可能发生这种情况的其他原因,浏览器设置可能有不同的最小字体大小。浏览器可能会意外地陷入“缩放”模式。
您可以使用不同的浏览器。
您可以安装不同的字体。
在Windows中,您可以使用大型DPI,这样可以使一切看起来更大。有很多因素可能会出现不同。