在呈现此HTML时，如何避免Firefox和Internet Explorer使用不同的引导？

时间：2016-12-17 21:19:52

标签： html

在渲染相同的HTML代码时，Firefox 50和Internet Explorer 11使用不同数量的前导（行间距）。如何控制前导，使其在两种浏览器中都相同？

HTML 

<body> 
<p style="font-family:Arial; font-size:81.25%;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p style="font-family:Arial; font-size:81.25%;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p style="font-family:Arial; font-size:81.25%;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</body>

截图：

screenshot

2 个答案:

答案 0 :(得分：1)

默认情况下，浏览器会自然地指定不同的css属性。您可以清除所有内容（或几乎所有内容），然后手动重新分配。这还可以包括手动设置line-height属性。

这被称为“CSS重置”，但是，请谨慎使用它，只使用所需的内容。

答案 1 :(得分：1)

您是否在样式表中使用了Normalize CSS？在其他许多方面，Normalize做的一件事是＆＃34;纠正所有浏览器中的行高。＆＃34;

  

Normalize.css是一种现代的，支持HTML5的CSS resetsmakes替代品   浏览器可以更加一致地呈现所有元素   符合现代标准。它只精确定位样式   需要正常化。 http://necolas.github.io/normalize.css/

您可能还需要在样式表中使用特定规则来定位IE11：Detecting IE11 using CSS Capability/Feature Detection

相关问题
最新问题