Почему размер шрифта VW не работает в сафари?

Я использую 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;
}

1 ответ

REM - это значение шрифта, которое хорошо подходит для изменения размера браузера, но есть определенные проблемы совместимости браузера.

Очень хорошо можно использовать EM, и они будут хорошо работать при изменении размера браузера и на адаптивных веб-сайтах. Это работает во всех браузерах.

Посетите этот веб-сайт, если хотите преобразовать пиксели в значения EM и использовать их: http://www.pxtoem.com/

Надеюсь это поможет.

Другие вопросы по тегам