Почему размер шрифта 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/
Надеюсь это поможет.