title: Android screen not scaling correctly even though I used dp as units?
body: <p>I have done a lot of reading on SO and googling all over the place but still cannot get my answer...I have this code:</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:id="@+id/welcomeRelativeLayout"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"
  android:background="@drawable/graph_paper" &gt;
  
   &lt;LinearLayout
      android:id="@+id/linearLayout2"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_alignParentBottom="true"
      android:layout_alignParentRight="true"
      android:layout_alignParentTop="true"
      android:orientation="vertical" &gt;
  
      &lt;TextView
          android:id="@+id/first"
          android:layout_width="40dp"
          android:layout_height="90dp"
          android:layout_marginTop="70dp"
          android:background="@color/Blue" /&gt;
  
      &lt;TextView
          android:id="@+id/second"
          android:layout_width="40dp"
          android:layout_height="90dp"
          android:layout_marginTop="70dp"
          android:background="@color/Cyan" /&gt;
  
      &lt;TextView
          android:id="@+id/third"
          android:layout_width="40dp"
          android:layout_height="90dp"
          android:layout_marginTop="70dp"
          android:background="@color/Brown" /&gt;
  &lt;/LinearLayout&gt;
  
  &lt;LinearLayout
      android:layout_width="100dp"
      android:layout_height="wrap_content"
      android:layout_alignParentTop="true"
      android:layout_centerHorizontal="true"
      android:layout_marginTop="203dp"
      android:background="@color/Black"
      android:orientation="vertical" &gt;
  
      &lt;LinearLayout
          android:id="@+id/linearLayout1"
          android:layout_width="match_parent"
          android:layout_height="wrap_content"
          android:background="@color/Yellow" &gt;
  
          &lt;ImageView
              android:id="@+id/welcomeWImageView"
              android:layout_width="20dp"
              android:layout_height="20dp"
              android:layout_marginBottom="16dp"
              android:src="@drawable/w" /&gt;
  
          &lt;ImageView
              android:id="@+id/WelcomeOImageView"
              android:layout_width="20dp"
              android:layout_height="20dp"
              android:src="@drawable/o" /&gt;
  
          &lt;ImageView
              android:id="@+id/welcomeRImageView"
              android:layout_width="20dp"
              android:layout_height="20dp"
              android:src="@drawable/r" /&gt;
  
          &lt;ImageView
              android:id="@+id/welcomeDImageView"
              android:layout_width="20dp"
              android:layout_height="20dp"
              android:src="@drawable/d" /&gt;
      &lt;/LinearLayout&gt;
  
      &lt;TextView
          android:id="@+id/welcomeTextView"
          android:layout_width="match_parent"
          android:layout_height="50dp"
          android:background="@color/lime" /&gt;
  
      &lt;LinearLayout
          android:id="@+id/LinearLayout01"
          android:layout_width="match_parent"
          android:layout_height="wrap_content"
          android:background="@color/Pink" &gt;
  
          &lt;ImageView
              android:id="@+id/ImageView03"
              android:layout_width="20dp"
              android:layout_height="20dp"
              android:layout_marginBottom="16dp"
              android:src="@drawable/w" /&gt;
  
          &lt;ImageView
              android:id="@+id/ImageView04"
              android:layout_width="20dp"
              android:layout_height="20dp"
              android:src="@drawable/o" /&gt;
  
          &lt;ImageView
              android:id="@+id/ImageView01"
              android:layout_width="20dp"
              android:layout_height="20dp"
              android:src="@drawable/r" /&gt;
  
          &lt;ImageView
              android:id="@+id/ImageView02"
              android:layout_width="20dp"
              android:layout_height="20dp"
              android:src="@drawable/d" /&gt;
      &lt;/LinearLayout&gt;
  &lt;/LinearLayout&gt;
  
  &lt;/RelativeLayout&gt;
  </code></pre>
  
  <p>As stated in the answers from different threads I have used dp as a scaling unit but I still get these images as a result when moving from different screen size and resolution.</p>
  
  <p>here are the different images I get on different screen sizes and resolutions:</p>
  
  <p><img src="https://i.stack.imgur.com/xYap8.png" alt="3.7(480x800)"></p>
  
  <p><img src="https://i.stack.imgur.com/EsFh6.png" alt="3.7(480x854)"></p>
  
  <p><img src="https://i.stack.imgur.com/GnABi.png" alt="7.0(1024x600)"></p>
  
  <p><img src="https://i.stack.imgur.com/1YYcO.png" alt="10.1(1280x800)"></p>
  
  <p>why arent the textboxes growing proportionally to the screen size and resolution? As they are textviews without graphics and dp is used for the unit.</p>
  
  <p>Thank you guys ahead of time.</p>