Я работаю на веб-сайте и использую следующий метатег HTML:
<meta name="viewport" content="width=600, shrink-to-fit=yes">
У меня также установлена минимальная ширина страницы 600px.Из-за характера сайта меня не беспокоит наличие полностью совместимого с мобильными устройствами сайта, однако одна маленькая проблема продолжает беспокоить меня.В iOS жирный шрифт имеет тенденцию отображаться более жирным шрифтом, чем должен.Если масштабирование по умолчанию на моем iPhone 6s составляет 62,5% (ширина устройства 375 пикселей, деленная на минимум 600 пикселей), когда я увеличиваю масштаб, чтобы эффективный масштаб был ближе к 100%, все выглядит хорошо.
Это незначительнопроблема, и я мог бы обойти ее с помощью решения, которое адаптировано для iOS (возможно, обновление классов на основе размера браузера и размера области просмотра), но мне интересно, есть ли другие атрибуты CSS или метатеги, которые можно было бы применить, чтобы легче исправитьвопрос.У меня есть несколько атрибутов шрифта на теле, которые не решают проблему:
body {
-webkit-font-smoothing: antialiased;
-webkit-font-smoothing: subpixel-antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
}
Проблема возникает только на iOS.Я проверил в Android, и это выглядело хорошо.