响应设计问题[重复]答案

【问题标题】：Issue with response design [duplicate]响应设计问题[重复]
【发布时间】：2014-05-15 20:24:16
【问题描述】：

由于某种原因，我在响应式网站的各个位置使用hr 标签，某些线条的粗细不同，如下例所示

我在带有 os 2.3.7 的 android 默认浏览器上对此进行了测试使用最新的 Firefox for android 和最新的 Opera

所有浏览器都存在同样的问题。我不知道为什么只有当我将行高增加到 2px 时才会出现这种情况。

感谢您提供这方面的任何帮助

【问题讨论】：

【解决方案1】：

从 Normalize.css 中提取

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

在您的样式表中包含上述代码。

【讨论】：

它没有任何区别，它尝试但结果相同。
我使用了 hr 以及 1px 高度的 div，但我得到了相同的结果。只有当我给 hr 或 div 赋予 1px 高度时才会出现问题。如果你放大然后它看起来很好..不知道为什么会发生这种情况
刚刚在我的移动 android os 4.3.1 上用 chrome 测试过，看起来也不错。火狐也一样。看起来它与 android 姜饼的兼容性问题。