需要对em和rem单元进行故障排除以实现响应式布局

时间:2013-04-02 11:51:53

标签: css

大家好,

我正在为我的公司开发一个网站,并建议布局应该响应智能手机的现状,我知道使用基于像素的布局是一个坏主意,特别是对于响应式布局,所以我决定坚持相对/弹性单位,但我处于混乱的中间,我应该采取什么EM或REM,然后有几个问题:

  • 如果我使用EM装置,我必须面对复合问题。
  • 如果我选择REM装置,我必须面对交叉问题。

1 个答案:

答案 0 :(得分:2)

在我的布局中,我使用了一个组合。这需要更多的工作,但似乎很好地完成了这项工作。

这样做的依据是,如果值无效,浏览器将不会使用它。此外,CSS是级联的,因此它将始终使用最新的指定属性(如果选择器路径完全相同)。

如果我设置了保证金,我会这样做:

margin-left:1.25em;
margin-left:1rem;

以这种格式进行操作可以获得两全其美的效果。关于如何处理这种情况,有一些很棒的文章: