Android CSS元素在高密度屏幕上改变物理尺寸
我正在开发一款带有phonegap和像素密度的Android应用程序。我用一个4.0英寸的屏幕开发了这个应用程序,这个屏幕是320px乘以480px。很明显,所有的元素都是用css中的像素单位来调整大小的 我被告知CSS中的像素只是一个单位,在高密度屏幕上会发生变化。然而,我在朋友4.0“手机上测试了该应用程序。他的手机是480px乘以800px。更高的屏幕分辨率。但应用程序中的所有东西都很小,按钮太小,无法点击 所以我的问题是,我该如何最好地处理这个问题。Android清单中是否有我可以使用的设置?或者我应该改变CSS中的单位(这可能需要一段时间) 用html和css驱动的Android应用程序处理这种情况的标准方法是什么Android CSS元素在高密度屏幕上改变物理尺寸,android,css,jquery-mobile,Android,Css,Jquery Mobile,我正在开发一款带有phonegap和像素密度的Android应用程序。我用一个4.0英寸的屏幕开发了这个应用程序,这个屏幕是320px乘以480px。很明显,所有的元素都是用css中的像素单位来调整大小的 我被告知CSS中的像素只是一个单位,在高密度屏幕上会发生变化。然而,我在朋友4.0“手机上测试了该应用程序。他的手机是480px乘以800px。更高的屏幕分辨率。但应用程序中的所有东西都很小,按钮太小,无法点击 所以我的问题是,我该如何最好地处理这个问题。Android清单中是否有我可以使用的
如果有帮助的话,我正在使用jquery mobile,它有很多替代样式。您可以使用媒体查询 检查以下链接以开始
使用媒体查询和/或使用百分比值而不是固定像素值。
查看这篇关于响应式设计的文章您还可以根据设备显示分辨率将独立于显示的单位(如dp或sp)转换为像素,然后在WebView样式表中使用CSS,使用生成的像素宽度。 前一篇文章介绍了如何在之间进行转换。你也可以为dp做同样的事情 这使您可以为按钮、文本、表格列宽等选择dp或sp单位,并使WebView以与显示分辨率无关的一致大小呈现这些单位 例如,HTML的头部可能是
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>This is my title</title>
<style type="text/css">
p { font-size: 20px; }
</style>
这是我的头衔
p{字体大小:20px;}
并且,您可以在运行时根据显示分辨率计算像素大小,而不是硬编码20px