docs/html/resources/dashboard/screens.jd

page.title=Screen Sizes and Densities
@jd:body

<style type="text/css">

div.dashboard-panel {
  max-width:1000px;
  margin:0 0 2em 0;
  padding:20px 20px 0 20px;
  border:1px solid #d3ecf5;
  border-radius:7px;
  -moz-border-radius:7px;
  -webkit-border-radius:7px;
  background-color: #DAF3FC;
  box-shadow:2px 3px 1px #eee;
  -moz-box-shadow:2px 3px 1px #eee;
  -webkit-box-shadow:2px 3px 1px #eee;
  overflow:hidden;
}
#jd-content div.dashboard-panel img {
  margin:0 20px 20px 0;
  padding:0;
  border:1px solid #ccc;
  float:left;
}
#jd-content div.dashboard-panel table {
  margin:0 0 20px 0;
  float:left;
  background-color:#fff;
}
div.dashboard-panel p {
  clear:left;
}
div.dashboard-panel th {
  white-space:nowrap;
}
</style>

<p> This page provides data about the relative number of active devices that have a particular
screen configuration, defined by a combination of screen size and density. To simplify the way that
you design your user interfaces for different screen configurations, Android divides the range of
actual screen sizes and densities into:</p> 
 
<ul> 
<li>A set of four generalized <strong>sizes</strong>: <em>small</em>, <em>normal</em>,
<em>large</em>, and <em>xlarge</em></em></li>
<li>A set of four generalized <strong>densities</strong>: <em>ldpi</em> (low), <em>mdpi</em>
(medium), <em>hdpi</em> (high), and <em>xhdpi</em> (extra high)</li>
</ul> 

<p>For information about how you can support multiple screen configurations in your
application, see <a href="{@docRoot}guide/practices/screens_support.html">Supporting Multiple
Screens</a>.</p>

<p class="note"><strong>Note:</strong> This data is based on the number
of Android devices that have accessed Android Market within a 7-day period
ending on the data collection date noted below.</p>


<div class="dashboard-panel">

<img alt="" width="400" height="250"
src="http://chart.googleapis.com/chart?cht=p&chs=400x250&chco=c4df9b,6fad0c&chl=Xlarge%20/%20mdpi|Large%20/%20ldpi|Large%20/%20mdpi|Normal%20/%20hdpi|Normal%20/%20ldpi|Normal%20/%20mdpi|Small%20/%20hdpi|Small%20/%20ldpi&chd=t%3A3.1,0.1,3.1,71.0,1.0,17.5,2.9,1.3" />

<table>
<tr>
<th></th>
<th scope="col">ldpi</th>
<th scope="col">mdpi</th>
<th scope="col">hdpi</th>
<th scope="col">xhdpi</th>
</tr>
<tr><th scope="row">small</th> 
<td>1.3%</td>     <!-- small/ldpi -->
<td></td>     <!-- small/mdpi -->
<td>2.9%</td> <!-- small/hdpi -->
<td></td>     <!-- small/xhdpi -->
</tr> 
<tr><th scope="row">normal</th> 
<td>1.0%</td>  <!-- normal/ldpi -->
<td>17.5%</td> <!-- normal/mdpi -->
<td>71%</td> <!-- normal/hdpi -->
<td></td>      <!-- normal/xhdpi -->
</tr> 
<tr><th scope="row">large</th> 
<td>0.1%</td>     <!-- large/ldpi -->
<td>3.1%</td> <!-- large/mdpi -->
<td></td>     <!-- large/hdpi -->
<td></td>     <!-- large/xhdpi -->
</tr> 
<tr><th scope="row">xlarge</th> 
<td></td>     <!-- xlarge/ldpi -->
<td>3.1%</td> <!-- xlarge/mdpi -->
<td></td>     <!-- xlarge/hdpi -->
<td></td>     <!-- xlarge/xhdpi -->
</tr> 
</table>

<p><em>Data collected during a 7-day period ending on December 1, 2011</em></p>
</div>