Home | History | Annotate | Download | only in dashboard 
      1 page.title=Screen Sizes and Densities
      2 @jd:body
      3 
      4 <style type="text/css">
      5 
      6 div.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 }
     31 div.dashboard-panel p {
     32   clear:left;
     33 }
     34 div.dashboard-panel th {
     35   white-space:nowrap;
     36 }
     37 </style>
     38 
     39 <p>This page provides data about the relative number of active devices
     40 using a particular type of screen, including the screen size and density. For information about how
     41 your application can support multiple screen types, see <a
     42 href="{@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
     45 of Android devices that have accessed Android Market within a 14-day period
     46 ending on the data collection date noted below.</p>
     47 
     48 
     49 <div class="dashboard-panel">
     50 
     51 <img alt="" width="460" height="250"
     52 src="http://chart.apis.google.com/chart?&cht=p&chs=460x250&chd=t:1.0,61.6,37.4&chl=Small%20/%20ldpi|
     53 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 '>1.0%</td> 
     64 <td></td> 
     65 <td></td> 
     66 </tr> 
     67 <tr><th scope="row">Normal</th> 
     68 <td></td> 
     69 <td class='cent hi'>61.3%</td> 
     70 <td class='cent hi'>37.7%</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 June 1, 2010</em></p>
     80 </div>
     81 
     82