为什么字体大小 vw 在 Safari 中不起作用？答案

【问题标题】：why font-sizing vw not working in safari?为什么字体大小 vw 在 Safari 中不起作用？
【发布时间】：2014-09-15 13:29:07
【问题描述】：

我使用 vw 作为字体大小的单位，以便在调整浏览器大小时看起来不错。但是，当我在 Safari 上浏览它时，内容运行，有谁知道如何解决它？谢谢

CSS

.flatNav {
    background-image: url(../img/navBar.png);
    background-repeat: repeat-x;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    font-size: 0.8vw;
    height: 48px;
    position: relative;
    top: 28px;
    background-position: center;
}

.flatNav ul {
    list-style-type: none;
    height: 48px;
    width: 75%;
    margin-right: 1.46vw; 
    margin-left: 1.46vw; 
    position: relative;
    top: -47px;
}

【问题讨论】：

您使用哪个版本的 safari？
我不确定，但我认为这是适用于 Windows 的 Safari 5.1.7
Safari 仅支持 vw 版本 6+
@Andi 我明白了，如果这样我应该在这里使用什么单位？
如果你希望你的字体改变成不同的大小，你可以使用 javascript 来实现，或者使用媒体查询。

标签： html css safari font-size viewport-units

【解决方案1】：

REM 是一个字体值，非常适合浏览器调整大小，但存在某些浏览器兼容性问题。

EM 可以很好地使用，它们在浏览器调整大小和响应式网站中也会做得很好。这也适用于浏览器。

如果您想将像素转换为 EM 值并使用相同的值，请查看此网站：http://www.pxtoem.com/

希望这会有所帮助。

【讨论】：