Jquery 根据移动应用程序中的屏幕大小自动增加字体大小

Jquery 根据移动应用程序中的屏幕大小自动增加字体大小,jquery,html,css,jquery-mobile,mobile-application,Jquery,Html,Css,Jquery Mobile,Mobile Application,如何根据屏幕大小增加字体大小 我有一些文本在iPhone和IPad中保持相同大小。我想根据屏幕大小增加和/或减少字体大小。您应该使用媒体查询来完成此操作。e、 g @media (max-width: 480px) { body { font-size: 1.2em; } /* increase the base font size on landscape phones */ } 您应该使用媒体查询来完成此操作。e、 g @media (max-width: 480px) {

如何根据屏幕大小增加字体大小


我有一些文本在iPhone和IPad中保持相同大小。我想根据屏幕大小增加和/或减少字体大小。

您应该使用媒体查询来完成此操作。e、 g

@media (max-width: 480px) { 
    body { font-size: 1.2em; } /* increase the base font size on landscape phones */
}

您应该使用媒体查询来完成此操作。e、 g

@media (max-width: 480px) { 
    body { font-size: 1.2em; } /* increase the base font size on landscape phones */
}

上面关于媒体查询(dean)的问题是正确的。您还需要确保iPhone具有
-webkit text size:none-
,否则无论字体设置如何,iPhone都将缩放字体


此外,如果您想捕获较大的手机,可能需要修改查询。尤其是在Android市场上,我们的智能手机屏幕越来越大。

上面关于媒体查询(dean)的问题是正确的。您还需要确保iPhone具有
-webkit text size:none-
,否则无论字体设置如何,iPhone都将缩放字体


此外,如果您想捕获较大的手机,可能需要修改查询。尤其是在Android市场上,我们的智能手机屏幕越来越大。

请访问此自动字体扩展:

请访问此自动字体扩展:

您想调整屏幕高度或屏幕宽度吗??因为在安卓系统中,你必须手动计算@sheetal我想调整字体大小而不是屏幕宽度。根据屏幕宽度,字体大小要增加或减少。许多移动开发人员会混淆视口宽度和设备宽度。从中获取答案。您想调整屏幕高度或屏幕宽度??因为在安卓系统中,你必须手动计算@sheetal我想调整字体大小而不是屏幕宽度。根据屏幕宽度,字体大小要增加或减少。许多移动开发人员会混淆视口宽度和设备宽度。从院长那里得到答案。@Dean谢谢,我会检查这个并让你知道。如果答案符合你的需要,请接受。另外请注意,只有在正文开头设置了默认字体大小时,此选项才有效。@Dean谢谢,我会检查此选项并通知您。如果答案满足您的需要,请接受。另外请注意,只有在正文开头设置了默认字体大小时,此选项才起作用。由于链接断开,因此不建议使用仅链接的答案。考虑用简单的摘要来更新答案,所以如果链接中断了,这仍然是有意义的。因为链接中断,链接的答案被阻止了。考虑用简短的摘要更新答案,所以如果链接中断了道路仍然是有意义的。