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元素更改密度更高的屏幕上的物理尺寸

回答

相關問題