title: Android: Why the layout changes when I delete the drawable-hdpi folder
body: <p>I am currently developing the layout for 320dp devices. I have layout-sw320dp which have the following code for displaying 6 ImageButtons.  </p>
  
  <pre><code>&lt;android.support.v4.widget.DrawerLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:tools="http://schemas.android.com/tools"
  android:id="@+id/drawer_layout"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:elevation="4dp" &gt;
  
  &lt;!-- The main content view --&gt;
  &lt;FrameLayout
      android:id="@+id/content_frame"
      android:layout_width="match_parent"
      android:layout_height="match_parent" &gt;
  
      &lt;GridLayout
          android:layout_width="match_parent"
          android:layout_height="match_parent"
          android:rowCount="3"
          android:columnCount="2"
          android:paddingTop="10dp"
          android:paddingLeft="@dimen/activity_horizontal_margin"&gt;
  
          &lt;ImageButton
              android:layout_row="0"
              android:layout_column="0"
              android:padding="10dp"
              android:src="@drawable/info_image_button_90_90"
              android:id="@+id/info_image_button" /&gt;
  
          &lt;ImageButton
              android:layout_row="0"
              android:layout_column="1"
              android:padding="10dp"
              android:src="@drawable/matri_image_button_90_90"
              android:id="@+id/event_imgae_button" /&gt;
  
          &lt;ImageButton
              android:layout_row="1"
              android:layout_column="0"
              android:padding="10dp"
              android:src="@drawable/events_image_button_90_90"
              android:id="@+id/image_button_10" /&gt;
  
          &lt;ImageButton
              android:layout_row="1"
              android:layout_column="1"
              android:padding="10dp"
              android:src="@drawable/ann_image_button_90_90"
              android:id="@+id/image_button_11" /&gt;
  
          &lt;ImageButton
              android:layout_row="2"
              android:layout_column="0"
              android:padding="10dp"
              android:src="@drawable/events_image_button_90_90"
              android:id="@+id/image_button_20" /&gt;
  
          &lt;ImageButton
              android:layout_row="2"
              android:layout_column="1"
              android:padding="10dp"
              android:src="@drawable/events_image_button_90_90"
              android:id="@+id/image_button_21" /&gt;
  
      &lt;/GridLayout&gt;
  &lt;/FrameLayout&gt;
  
  &lt;!-- The navigation drawer  --&gt;
  &lt;ListView
      android:layout_width="240dp"
      android:layout_height="match_parent"
      android:id="@+id/drawer_list_view"
      android:layout_gravity="start"
      android:background="@color/white"
      android:fitsSystemWindows="true"
       /&gt;
  
  &lt;/android.support.v4.widget.DrawerLayout&gt;
  </code></pre>
  
  <p>I have images (90x90) for the ImageButton in drawable-ldpi. Till now the layout looks like this</p>
  
  <p><a href="https://i.stack.imgur.com/o8GAX.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/o8GAX.png" alt="enter image description here"></a></p>
  
  <p>But when I add a folder drawable-hdpi which have the same images as in drawable-ldpi, the layout changes to this</p>
  
  <p><a href="https://i.stack.imgur.com/AmZ1L.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/AmZ1L.png" alt="enter image description here"></a></p>
  
  <p>Why the layout is changed? while having the same device (Nexus One) and same Images (90x90)</p>