布局在Real Device中不匹配

Question

当我设计我的应用程序用户界面时，它在模拟器上看起来不错，但是当我在真实设备（屏幕较小）上运行应用程序时，看起来很糟糕，有些小部件堆叠在一起，为什么？什么解决方案？

<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="musabnasr.com.weeklyaccomplished.MainActivity"
android:background="#ffffff"
android:orientation="vertical"
android:weightSum="1"
>

<ImageView
    android:layout_width="195dp"
    android:layout_height="110dp"
    android:id="@+id/imageView"
    android:src="@drawable/userlogin"
    android:scaleType="centerCrop"
    android:layout_alignParentTop="true"
    android:layout_centerHorizontal="true"
    android:layout_gravity="center_horizontal"
    />

<EditText
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:inputType="textPersonName"
    android:ems="10"
    android:id="@+id/usernamefield"
    style="@android:style/Widget.Holo.EditText"
    android:hint="user name:"
    android:layout_below="@+id/imageView"
    android:layout_alignParentLeft="true"
    android:layout_alignParentStart="true"
    android:layout_marginTop="26sp"
    android:layout_alignParentEnd="true"
    android:layout_gravity="center_horizontal"
    />

<EditText
    style="@android:style/Widget.Holo.EditText"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:inputType="textPersonName"
    android:ems="10"
    android:id="@+id/passwordfield"
    android:hint="password :"
    android:layout_below="@+id/usernamefield"
    android:layout_alignParentLeft="true"
    android:layout_alignParentStart="true"
    android:layout_marginTop="91sp"
    android:layout_alignParentEnd="true"
    android:layout_gravity="center_horizontal"
    />

<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Log in or Sign Up"
    android:id="@+id/login_signup"
    android:layout_alignParentBottom="true"
    android:layout_centerHorizontal="true"
    android:layout_gravity="center_horizontal"
    android:layout_marginTop="150sp"/>