android - ScrollView Messes Up Everything on Phone Screen -

I'm having this problem with scrolling videod on the Android phone screen. My layout looks like it's on a tablet screen Want to keep However, when my editor is switched to the phone screen (the app also installs on my phone), I do the image button squeezed.

What this looks like on a phone:

My XML code is below I have read that I may need to create another layout of image buttons with different DPIS, But I have to know that there is no way to do this without it.

  & lt; ScrollView xmlns: android = "http://schemas.android.com/apk/res/android" Android: Layout_width = "Wrap_content" Android: Layout_height = "Wrap_content" android: orientation = "vertical" & gt; & Lt; LinearLayout xmlns: android = "Http://schemaskandroidkcom/apk/res/android" Android: Layout_width = "Match_parent" Android: Layout_height = "Match_parent" android: orientation = "vertical" android: weightSum = "4" Android: background = "@drawable / pattern" & gt; & Lt; LinearLayout Android: layout_width = "match_parent" android: layout_height = "0dp" Android: layout_weight = "1" & gt; & Lt; ImageButton android: id = "@ + id / APUButton" Android: layout_width = "0dp" Android: Layout_height = "Match_parent" Android: layout_weight = "1" Android: contentDescription = "@ string / APUButtonDescr" Android: ScaleType = "FitXY" Android: src = "@drawable / apu" /> & Lt; ImageButton android: id = "@ + id / LMSButton" Android: contentDescription = "@ string / LMSButtonDescr" Android: layout_width = "0dp" Android: Layout_height = "Match_parent" Android: layout_weight = "1" android: src = "@ drawable / LMS "Android: scaleType =" fitXY "/> & Lt; / LinearLayout & gt; & Lt; LinearLayout Android: layout_width = "match_parent" android: layout_height = "0dp" Android: layout_weight = "1" & gt; & Lt; ImageButton android: id = "@ + id / mailButton" Android: contentDescription = "@ string / mailButtonDescr" Android: layout_width = "0dp" Android: Layout_height = "Match_parent" Android: layout_weight = "1" android: src = "@ drawable / Mail "Android: scaleType =" fitXY "/> & Lt; ImageButton android: id = "@ + id / scaButton" Android: contentDescription = "@ string / SCAButtonDescr" Android: layout_width = "0dp" Android: Layout_height = "Match_parent" Android: layout_weight = "1" android: src = "@ drawable / Scay "Android: scaleType =" fitXY "/> & Lt; / LinearLayout & gt; & Lt; LinearLayout android: orientation = "horizontal" android: Layout_width = "Match_parent" Android: layout_height = "0dp" Android: layout_weight = "1" & gt; & Lt; ImageButton android: id = "@ + id / libButton" Android: contentDescription = "@ string / libButtonDescr" Android: layout_width = "0dp" Android: Layout_height = "Match_parent" Android: layout_weight = "1" android: src = "@ drawable / Library "Android: scaleType =" fitXY "/> & Lt; ImageButton android: id = "@ + id / ratingButton" Android: contentDescription = "@ string / ratingButtonDescr" Android: layout_width = "0dp" Android: Layout_height = "Match_parent" Android: layout_weight = "1" android: src = "@ drawable / Rating "Android: scaleType =" fitXY "/> & Lt; / LinearLayout & gt; & Lt; LinearLayout android: orientation = "horizontal" android: Layout_width = "Match_parent" Android: layout_height = "0dp" Android: layout_weight = "1" & gt; & Lt; ImageButton android: id = "@ + id / curricularButton" Android: contentDescription = "@ string / curricularButtonDescr" Android: layout_width = "0dp" Android: Layout_height = "Match_parent" Android: layout_weight = "1" android: src = "@ drawable / Curriculum "Android: scaleType =" fitXY "/> & Lt; ImageButton android: id = "@ + id / aboutButton" Android: contentDescription = "@ string / settingsButtonDescr" Android: layout_width = "0dp" Android: Layout_height = "Match_parent" Android: layout_weight = "1" android: src = "@ drawable About / "Android: scaleType =" fitXY "/> & Lt; / LinearLayout & gt; & Lt; / LinearLayout & gt; & Lt; / Scrollview & gt;