Question

我在响应式网站的不同位置使用hr标记由于某种原因，某些线条显示的厚度不同，如下例所示

enter image description here

我在os 2.3.7的android默认浏览器上进行了测试最新的Firefox for android和最新的Opera

所有浏览器都存在同样的问题..我不知道为什么只有当我将行高增加到2px才会出现与1px一致的情况。然后看起来很好。

赞赏这方面的任何帮助

Answer 1

从Normalize.css中提取

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

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

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