WebViewのサイズが合わない

Question

###実現したい事
Android Studioで簡単なWebViewのアプリを作りました。
WebViewを活用して、ハイブリッドアプリを作りたく思っています。

しかし、WebView画面には一部の部分しか表示されません。ここを直したいです。

AndroidStudioでRunAppをした際は、google.comなど、他の一般的なサイトは画面フルで表示されるにも関わらず、Railsで作成した自前のアプリだけ左上画面の部分が表示されてしまいます。しかし、他のCSSは正常に反映されており、通常の画面サイズの1/4程度で表示されるため、Font-sizeやボックス等がとても大きくなり画面が崩れ起こしています。

###コード

@media  (max-width:1000px) {
#mobile用css....省略
}

Android Studio
activity_main.xml（Text）

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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"
    tools:context=".MainActivity">


    <WebView
        android:id="@+id/webview"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:layout_editor_absoluteX="1dp"
        tools:layout_editor_absoluteY="1dp" />
</RelativeLayout>

Android Studio
activity_main.xml（Design）

###想定
・Railsアプリのメディアクエリの設定が間違っている
→しかし、xcodeのiphoneとipadシュミレーターでは通常に表示されます。

・Android Studio内での、WebViewの設定に誤りがある。
→しかし、一般のウェブサイトは通常の画面フルで表示される。

自分も想定部分に引き続き修正などをしていきますが、
もしお分かりの方いらしたら是非お教え頂ければ助かります。
よろしくお願いします。

Answer 1

webView.getSettings().setLoadWithOverviewMode(true);
webView.getSettings().setUseWideViewPort(true);
を追加で解決しました！