• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1page.title=Screen Sizes and Densities
2@jd:body
3
4<style type="text/css">
5
6div.dashboard-panel {
7  max-width:1000px;
8  margin:0 0 2em 0;
9  padding:20px 20px 0 20px;
10  border:1px solid #d3ecf5;
11  border-radius:7px;
12  -moz-border-radius:7px;
13  -webkit-border-radius:7px;
14  background-color: #DAF3FC;
15  box-shadow:2px 3px 1px #eee;
16  -moz-box-shadow:2px 3px 1px #eee;
17  -webkit-box-shadow:2px 3px 1px #eee;
18  overflow:hidden;
19}
20#jd-content div.dashboard-panel img {
21  margin:0 20px 20px 0;
22  padding:0;
23  border:1px solid #ccc;
24  float:left;
25}
26#jd-content div.dashboard-panel table {
27  margin:0 0 20px 0;
28  float:left;
29  background-color:#fff;
30}
31div.dashboard-panel p {
32  clear:left;
33}
34div.dashboard-panel th {
35  white-space:nowrap;
36}
37</style>
38
39<p>This page provides data about the relative number of active devices
40using a particular type of screen, including the screen size and density. For information about how
41your application can support multiple screen types, see <a
42href="{@docRoot}guide/practices/screens_support.html">Supporting Multiple Screens</a>.</p>
43
44<p class="note"><strong>Note:</strong> This data is based on the number
45of Android devices that have accessed Android Market within a 14-day period
46ending on the data collection date noted below.</p>
47
48
49<div class="dashboard-panel">
50
51<img alt="" width="460" height="250"
52src="http://chart.apis.google.com/chart?&cht=p&chs=460x250&chd=t:2.3,0.4,45.9,51.2&chl=Small%20/%
5320ldpi|Normal%20/%20ldpi|Normal%20/%20mdpi|Normal%20/%20hdpi&chco=c4df9b,6fad0c" />
54
55<table>
56<tr>
57<th></th>
58<th scope="col">Low Density</th>
59<th scope="col">Medium Density</th>
60<th scope="col">High Density</th>
61</tr>
62<tr><th scope="row">Small</th>
63<td class='cent hi'>2.3%</td>
64<td></td>
65<td></td>
66</tr>
67<tr><th scope="row">Normal</th>
68<td class='cent '>0.4%</td>
69<td class='cent hi'>45.9%</td>
70<td class='cent hi'>51.2%</td>
71</tr>
72<tr><th scope="row">Large</th>
73<td></td>
74<td></td>
75<td></td>
76</tr>
77</table>
78
79<p><em>Data collected during two weeks ending on August 2, 2010</em></p>
80</div>
81
82