CSS元素更改密度更高的屏幕上的物理尺寸

我正在开发具有手机间隙和像素密度的Android应用程序正成为问题。我使用4.0英寸的屏幕开发了这个应用程序，它的大小是320px x 480px。显然，所有的都很好，使用css中的像素单元来调整元素的大小CSS元素更改密度更高的屏幕上的物理尺寸

我被告知CSS中的像素只是一个单位，屏幕上，但我在朋友4.0“手机上测试了该应用程序。他的手机是480×800像素。更高的屏幕分辨率。但是，应用中的所有内容都很小，按钮太小而无法点击。

所以我的问题是如何最好地处理这个问题。我可以在Android清单中使用哪些设置？或者我应该更改CSS中的单位（这可能需要一段时间）。

用html和css驱动的Android应用程序处理这种情况的标准方式是什么？

如果它有帮助我使用jquery mobile，有很多重写样式。

来源

2013-07-25 Constan7ine

你可以使用媒体查询

检查以下链接上手

http://www.andreasnorman.com/css-media-queries-for-mobile-devices/

http://css-tricks.com/css-media-queries/

来源

2013-07-25 12:14:17

使用媒体查询和/或使用百分比值，而不是固定的像素值。检查这篇关于响应式设计http://alistapart.com/article/responsive-web-design

来源

2013-07-25 12:28:15

您还可以从显示器独立的单位转换（如DP或SP）像素，基于设备的显示分辨率，然后在使用所产生的像素的WebView样式表使用CSS宽度。上一篇文章解释了如何在pixel and sp units之间进行转换。你可以为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>

和，而不是硬编码为20px，你计算基础上，显示分辨率运行时的像素尺寸。

来源

2013-07-25 13:06:43

CSS元素更改密度更高的屏幕上的物理尺寸

回答

相关问题