Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/ios/108.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Ios 如何使我的字体大小在各种设备上看起来良好?UIWebView中iPad和iPhone的不同视口_Ios_Mobile_Uiwebview_Viewport_Meta Tags - Fatal编程技术网

Ios 如何使我的字体大小在各种设备上看起来良好?UIWebView中iPad和iPhone的不同视口

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平板

我有一个页面,上面有很多文本和一些图片(比如一篇新闻文章),我想以一种既适合平板电脑大小的设备,又适合手机大小的设备的方式显示它们

我现在要做的是使Scale to Fit=YES,并让我的html具有meta标记

<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。这仅用于巨大的显示文本!”感谢您的尝试