Css 在每台电脑上显示不同的网页
我使用jQuery制作了一个简单的网页。当在另一台电脑上打开它时,它看起来不同(更大,一些HTML表格从主体选项卡溢出) 你能告诉我为什么会这样吗?如何使所有机器上的显示相同 我的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
<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中的缩放。并尝试重置浏览器设置,或检查允许的最小字体大小