我为我的计算器做了一个简单的布局。在IDE中它看起来不错，但在我的手机上，配对8它看起来完全不同

Question

Android工作室它看起来像我想要的方式，但它在我的伙伴8上看起来与我的平板电脑不同

  我的平板电脑上的

：   how it shows on my tablet

how it shows on my phone

这是主要活动：

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        tools:context=".MainActivity">

 <TextView
            android:id="@+id/tv_userInput"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="1+2+3+4"
            android:textSize="30sp"
            android:textAlignment="textEnd"
            android:layout_gravity="end"
            android:layout_marginTop="2dp"

            />

<include
            layout="@layout/calc_buttons"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            />

    </LinearLayout>

  

这是另一项布局活动中的网格布局：

<?xml version="1.0" encoding="utf-8"?>
<GridLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:columnCount="4"
    android:rowCount="5"
    android:layout_margin="2dp"

    >

    <!--1st line of buttons-->
    <Button
        android:id="@+id/btn_Clear"
        android:text="C"
        style="@style/FunctionalButtons"
        android:layout_column="0"
        android:layout_row="0"
        android:layout_columnWeight="1"
        android:layout_marginTop="2dp"
        android:layout_marginLeft="2dp"
        android:layout_marginRight="2dp"

        />
    <Button
        android:id="@+id/btn_Percentage"
        android:text="%"
        style="@style/FunctionalButtons"
        android:layout_column="1"
        android:layout_row="0"
        android:layout_columnWeight="1"
        android:layout_marginTop="2dp"
        android:layout_marginLeft="2dp"
        android:layout_marginRight="2dp"

        />
    <Button
        android:id="@+id/btn_Divide"
        android:text="/"
        style="@style/FunctionalButtons"
        android:layout_column="2"
        android:layout_row="0"
        android:layout_columnWeight="1"
        android:layout_marginTop="2dp"
        android:layout_marginLeft="2dp"
        android:layout_marginRight="2dp"
<!--2nd line of buttons-->
<!--3rd line of buttons -->

  

等

 </GridLayout>

  

我省略了大多数重复代码，例如按钮   可读性。