宽度变化与窄屏幕尺寸

Question

我是一个新的程序员。我遇到了一些屏幕问题，我的网格new screen shot显示为有线行（可能是因为屏幕宽度很窄）。我已经上传了我的问题和我的代码的照片。 我哪里错了？我可以修复吗？

my problem

<GridLayout 
    android:id="@+id/gameTableLayout" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_marginLeft="80dp" 
    android:layout_marginRight="80dp" 
    android:layout_marginTop="10dp" 
    android:gravity="center" 

    android:orientation="horizontal" 
    android:visibility="invisible"> 

    <!-- the 16 buttons --> 
    <!-- 1:  (0,0) --> 
    <Button 
     android:id="@+id/button1" 
     android:layout_width="50dp" 
     android:layout_height="50dp" 
     android:layout_alignLeft="@+id/gridLayout" 
     android:layout_alignStart="@+id/gridLayout" 
     android:layout_column="0" 
     android:layout_columnWeight="1" 
     android:layout_gravity="fill" 
     android:layout_row="0" 
     android:layout_rowWeight="1" 
     android:background="@drawable/border" 
     android:onClick="choosePlace" 
     android:tag="1" 
     android:text="1" 
     android:textSize="20sp" /> 

Answer 1

创建不同屏幕的不同值的文件夹在以下答案： How to define dimens.xml for every different screen size in android?

然后写按钮大小不同在每个dimen.xml

<dimen name="btn_width">50dp</dimen> 

<dimen name="btn_width">30dp</dimen> 

<dimen name="btn_width">20dp</dimen> 

然后在你的xml中使用

android:layout_width="@dimen/btn_width" 
    android:layout_height="@dimen/btn_width"