当前位置:  开发笔记 > 前端 > 正文

为什么浏览器文本在特定浏览器/机器上会更大?

如何解决《为什么浏览器文本在特定浏览器/机器上会更大?》经验,为你挑选了1个好方法。

在我制作的网站上,有人给我发了一个屏幕截图,显示我的字幕字体太大了.

我用FF,IE6,IE7,IE8,Safari/win,opera/win检查了两台机器(Vista)上的网站.

我可以增加浏览器的字体大小,但字幕保持相同的大小(因为它是8pt,如下所示)这是我想要的(因此它不会在徽标下延伸).

它在http://browsershots.org上的34个浏览器屏幕截图中检查正常.

什么可能导致这个人的机器上的字体更大(Windows XP,IE7).他说"所有其他网站看起来都很好".是否有关于Windows XP的操作可以使操作更改浏览器中的字体大小等?或者Windows XP上的arial/italic可能存在问题?

这是它的CSS:

#subtitle {
    position: absolute;
    top: 78px;
    left: 40px;
    width: 738px;
    text-align: right;
    font-size: 8pt;
    font-style: italic;
    font-family: arial;
}
回答:

我将"8pt"更改为"10px",现在适用于他.我假设他已经改变了他机器上的DPI.



1> bobince..:

您使用'pt'作为大小单位.不要那样做.CSS'物理单位'(pt,mm,in ...)仅对物理输出有意义(即打印样式表).

在屏幕上,使用系统的"dpi"设置将点映射到像素,这些设置可以在机器之间任意变化.Macs/Windows/Linux的默认设置不同,可以重新配置.许多Windows用户增加dpi设置以调整定点大小系统对话框(shell)字体的大小.

如果必须对某些文本使用非相对单位,则所需的单位为"px".

还有其他原因可以改变字体大小(例如,不同的字体可用性,最小字体大小设置,故意的字体缩放),这就是为什么你永远不应该完全依赖它们的预期,但这几乎肯定是这种情况下的原因.

推荐阅读
大大炮
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有