跨浏览器一致的字体大小(web开发)
跨浏览器一致的字体大小(web开发)
提问于 2009-02-06 19:36:21
在创建网页时，我们如何在不同的浏览器中实现一致的字体大小。我在我的CSS中使用了像"font-size: 11pt; font-family: Helvetica,'Lucida Grande'"这样的东西，但是文本在火狐，IE，谷歌浏览器和Safari中看起来不同(这甚至不是在不同的平台上)。基本上在运行Windows Vista的同一台机器上，我在不同的浏览器下得到了不同的外观和感觉。
如何解决这个问题，使文本的大小在所有不同的浏览器上都是一样的。
回答 4
Stack Overflow用户
回答已采纳
发布于 2009-02-06 19:40:32
使用px (像素)而不是pt (点)作为字体大小单位。然后，您将处理像素大小。
但是要小心，这取决于你的网站是如何被使用的。在美国，由于“硬编码”字体大小而导致的网站易访问性问题，已经发生了一些诉讼。
Stack Overflow用户
发布于 2009-02-06 19:40:34
您将希望使用CSS重置来尝试在所有浏览器上获得一致的行为。
Stack Overflow用户
发布于 2012-12-02 20:50:13
使用这两种设置，您可以获得完全相同的字体外观：
font-size: 70%; // better than px
line-height: 110%; // required to make line heights the same测试: IE9、火狐、谷歌Chrome
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/521832
复制相关文章
相似问题