Ios 如何使我的字体大小在各种设备上看起来良好?UIWebView中iPad和iPhone的不同视口
我有一个页面,上面有很多文本和一些图片(比如一篇新闻文章),我想以一种既适合平板电脑大小的设备,又适合手机大小的设备的方式显示它们 我现在要做的是使Scale to Fit=YES,并让我的html具有meta标记Ios 如何使我的字体大小在各种设备上看起来良好?UIWebView中iPad和iPhone的不同视口,ios,mobile,uiwebview,viewport,meta-tags,Ios,Mobile,Uiwebview,Viewport,Meta Tags,我有一个页面,上面有很多文本和一些图片(比如一篇新闻文章),我想以一种既适合平板电脑大小的设备,又适合手机大小的设备的方式显示它们 我现在要做的是使Scale to Fit=YES,并让我的html具有meta标记 <meta name='viewport' content='initial-scale=1.0, maximum-scale=10.0'/> 但是iPad上的字体太小了。我试图通过将初始比例设置为2.0来解决这个问题,但现在它在iPhone上甚至在galaxy平板
<meta name='viewport' content='initial-scale=1.0, maximum-scale=10.0'/>
但是iPad上的字体太小了。我试图通过将初始比例设置为2.0来解决这个问题,但现在它在iPhone上甚至在galaxy平板电脑上看起来都很庞大
如何处理不同的设备大小,并使字体大小在所有设备上看起来都很好
也许更好的问题是,放大后如何使UIWebView重新包装文本?我会将比例保持在1.0,但在较大屏幕上有更多可用空间时,立即增加文本大小。您可以使用css媒体查询来实现这一点:
@media screen and (min-width : 768px) {
/* Styles, for example to increase font size */
body { font-size: 120%; }
}
当在屏幕宽度>768(iPad纵向宽度)的设备上显示时,这会将正文字体大小增加到120%。当然,对于不同的宽度,您可以使用这些规则中的多个
W3有官方规范。也许使用em更好…?也许fittextjs.com/“>这可以从页面上帮助您:“哦,不要让我们发现您在段落文本上使用FitText。这仅用于巨大的显示文本!”感谢您的尝试