我正在一个网站上工作,并使用以下HTML元标记:
<meta name="viewport" content="width=600, shrink-to-fit=yes">
600px
. 由于网站的性质,我不担心有一个完全移动兼容的网站,然而,一个小问题一直困扰着我。在iOS上,粗体字体往往呈现出更为粗体的效果。如果iphone6s上的默认变焦是62.5%(375px设备宽度除以600px最小值),当我收缩变焦使有效变焦接近100%时,一切看起来都很好。
这是一个小问题,我可以用一个针对iOS的解决方案来解决它(可能会根据浏览器和视口大小更新类),但是我想知道是否有其他CSS属性或meta标记可以更容易地解决这个问题。我的正文中有一些字体属性无法解决问题:
body {
-webkit-font-smoothing: antialiased;
-webkit-font-smoothing: subpixel-antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
}
这个问题只发生在iOS上。我登记了安卓系统,看起来很好。