Sencha touch 2 我如何';比例';将UI设置为可读大小

Sencha touch 2 我如何';比例';将UI设置为可读大小,sencha-touch-2,sencha-touch-theming,Sencha Touch 2,Sencha Touch Theming,当我在设备上显示我的应用程序时,字体、图标和按钮都非常小。在平板电脑上尤其如此 如何轻松地扩展所有UI组件?确保应用程序html文件中包含以下元标记: <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"> 希望能有所帮助。您是否确保在em而不是px中定义所有尺寸?我在em中的主题中有各

当我在设备上显示我的应用程序时,字体、图标和按钮都非常小。在平板电脑上尤其如此


如何轻松地扩展所有UI组件?

确保应用程序html文件中包含以下元标记:

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">

希望能有所帮助。

您是否确保在em而不是px中定义所有尺寸?我在em中的主题中有各种尺寸,我没有这个问题。我根本没有做任何造型。所有样式都是默认样式。我遇到的问题适用于按钮和文本的大小,因此,尽管我可以浏览所有CSS并使每个字体变大,但我猜有一个更简单的答案来处理视口缩放。神奇的是,更改CSS主体中的字体大小也会缩放按钮。奇怪的是,它没有缩放按钮文本,但我可以接受。答案是Thx。这是因为按钮大小可能是用“em”单位设计的,但文本是用px。例如,可以使用chrome进行调查(右键单击按钮->检查元素)
body {
    font-size: 140% !important; //I believe 114% is default
}