Css 使用em进行布局会导致不同浏览器之间的不一致性

我试图建立一个网站使用弹性布局。我在样式表中使用了Eric Meyer的CSS重置和

body{font size:62.5%}

编辑：这是我的HTML结构和CSS

`html{BACGROUND:url（）无重复顶部中心已修复；}

body {font-family:Arial, Helvetica, sans-serif;
color:#000;
margin:auto;}

'id'other {background-color:color1;}  

'id'footer {background-color:color2;}  

`

如您所见，如果我为

主体设置了固定宽度，则
其他
和
页脚的
背景将保持固定。因此，我试图通过将
宽度设置为
100%
并使用
边距：0 8em 0 8em
将图库和
#other
和
#footer
的内容居中来绕过它

我试图实现的布局基本上是一个包含图片库的单列布局。整个图库应位于页面中央。我使用了
em
来定义
margin
，这会在不同的浏览器中产生不同的结果。如果库在一个浏览器中居中，其他浏览器将显示不同的结果。我试过Firefox、Chrome和IE9

有没有办法用
em
作为测量单位来生成相同的布局？或者我应该尝试固定布局，使用
px
而不是
em
？
保留
em
或百分比do

但是，使用它们来居中可能是您的问题的一部分。应使用
auto
进行对中，例如：

div.page {
  margin: 0 auto;
  width: 925px;
}

保持
em
或百分比do

但是，使用它们来居中可能是您的问题的一部分。应使用
auto
进行对中，例如：

div.page {
  margin: 0 auto;
  width: 925px;
}

你的前后矛盾是多种因素的综合。定义
正文{font size:62.5%}
告诉浏览器以其基本字体大小设置的62.5%显示字体（这是用户控制的，甚至每个字体都是可变的）。然后，在css级联的后面使用
em
，再次根据刚刚定义的字体大小应用缩放因子（缩放更难定义：请参阅）。因此，设置为
14px
的浏览器字体将变为
8.75px
（14*.625），为便于说明，在
2em
理论上可能是
17.5px
（8.75*2）。如果浏览器有默认的16px字体，那么这两个数字将分别是
10px
和
20px

因此，为了帮助解决使用
em
单位时的不一致性，在
主体
标记上设置
px
值和一个普遍可识别的字体（标准web字体或可能通过
@font-face
）将有助于标准化css级联中较低的
em
单位值

如果你有一个“固定宽度”的容器，Jason McCreary的答案是好的，但是如果你想“固定边距大小”，那么你目前的想法是为边距设置一个
px
或
em
单位，这对于居中来说是好的。
你的不一致性是多种因素的组合。定义
正文{font size:62.5%}
告诉浏览器以其基本字体大小设置的62.5%显示字体（这是用户控制的，甚至每个字体都是可变的）。然后，在css级联的后面使用
em
，再次根据刚刚定义的字体大小应用缩放因子（缩放更难定义：请参阅）。因此，设置为
14px
的浏览器字体将变为
8.75px
（14*.625），为便于说明，在
2em
理论上可能是
17.5px
（8.75*2）。如果浏览器有默认的16px字体，那么这两个数字将分别是
10px
和
20px

因此，为了帮助解决使用
em
单位时的不一致性，在
主体
标记上设置
px
值和一个普遍可识别的字体（标准web字体或可能通过
@font-face
）将有助于标准化css级联中较低的
em
单位值

如果你有一个“固定宽度”的容器，Jason McCreary的答案是好的，但是如果你想“固定边距大小”那么，您当前为页边距设置
px
或
em
单位的想法对于居中来说正好合适。
您还需要指定元素的宽度以便正确居中。您还需要指定元素的宽度以便正确居中。+1关于可变字体的优点。然而，OP确实使用了重置样式表进行了注释。因此，您所描述的内容应该会产生最小的影响。@Jason McCreary--但是如果重置样式表的主体字体设置为某个百分比（如OP所述），那么它仍然取决于用户（浏览器）的初始字体大小，这可能会对以后的em大小产生巨大的影响。+1关于可变字体的优点。然而，OP确实使用了重置样式表进行了注释。因此，您所描述的内容应该具有最小的影响。@Jason McCreary--但是如果重置样式表的主体字体设置为百分比（如OP所述），那么它仍然取决于用户（浏览器）的初始字体大小，这可能会对以后的em规模产生巨大影响。如果没有参考资料，几乎不可能准确地说出发生了什么。如果可以的话，提供一个链接。如果没有参考资料，几乎不可能准确地说出发生了什么。如果可以，请提供链接。