Question

我使用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;
}

Answer 1

REM是一种适用于浏览器调整大小的字体值，但存在某些浏览器兼容性问题。

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

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

希望这有帮助。

为什么font-size vw无法在safari中运行？

1 个答案: