Я нахожусь в середине тестирования своего сайта и заметил, что на устройствах iOS навигация (скользящая навигация) и текст нижнего колонтитула размыта. < /p>
Это нигде не происходит и не появляется ни в одном другом браузере /платформе. < /p>
Я использовал -webkit-font-smothing: intialiased; Но не повезло решить эту проблему. < /p>
css: < /p>
#nav {
a {
display: block;
padding: 20px 25px 22px;
position: relative;
-webkit-font-smoothing: antialiased;
h1 {
@include font-size(13);
color: #747678;
font-weight: 700;
margin: 0 0 10px 0;
padding: 0px;
text-transform: uppercase;
letter-spacing: 1px;
}
h2 {
@include font-size(18);
line-height: 24px;
margin: 0;
padding: 0;
color: #0072ac;
font-weight: normal;
}
h3 {
@include font-size(14);
margin: 8px 0 0;
padding-right: 20px;
color: #0072ac;
font-weight: 300;
}
&:hover {
.supports-no-touch & {
background-color: #007dba;
h1, h2 {
color: #FFF;
font-weight: 500;
}
h3{
color: #d5e9f3;
}
}
}
}
}
< /code>
html (с Ruby) < /p>
Это то, что видно в список < /p>
{{categoryLabel}}
{{title}}
< /code>
Заранее спасибо. < /p>
Скотт < /p>
Подробнее здесь: https://stackoverflow.com/questions/252 ... s-html-css
