AndroidStudioプレビューとエミュレータのデザイン不一致

Android開発初めて１か月の者です。
これは普通なのかそもそも考え方がおかしいのかご教授ください。

・AndroidStudio3.5（Windows10Pro）
・開発言語：Java
・ベース基盤：Android7.1（諸事情により、Ver8以上は選べません…。）

AndroidStudioのプレビュー画面で表示されている画面イメージと、
エミュレータ（AVD）で表示される画面が全く違いすぎて、
どこをどう直せば良いのか皆目見当がつかない状態です…。

プレビュー画面

実行画面

該当のソースコード

MainActivity.java
package com.example.oilds;

import androidx.appcompat.app.AppCompatActivity;
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.util.Log;
import android.widget.Button;

public class MainActivity extends AppCompatActivity {
//public class MainActivity extends Activity {

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    // ボタンを設定
    Button button = findViewById(R.id.btnPtnSetting);
    button.setOnClickListener(new View.OnClickListener(){
        @Override
        public void onClick(View v) {
            Log.d("debug", "SampleMessage");
        }
    });

}

}

Main.xml

<?xml version="1.0" encoding="utf-8"?>

<androidx.constraintlayout.widget.ConstraintLayout 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">

<Button
    android:id="@+id/btnA"
    android:layout_width="450dp"
    android:layout_height="450dp"
    android:text="A"
    android:textSize="80dp"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    app:layout_constraintVertical_bias="0.812"


    tools:layout_editor_absoluteX="105dp" />

<Button
    android:id="@+id/btnB"
    android:layout_width="450dp"
    android:layout_height="450dp"
    android:text="B"
    android:textSize="80dp"
    tools:layout_editor_absoluteX="718dp"
    tools:layout_editor_absoluteY="173dp" />

<TextView
    android:id="@+id/textView"
    android:layout_width="1291dp"
    android:layout_height="57dp"
    android:background="@color/colorPrimary"
    android:text="Title:Sample Program"
    android:textAlignment="center"
    android:textSize="40dp"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintHorizontal_bias="0.6"
    app:layout_constraintStart_toStartOf="parent"
    tools:layout_editor_absoluteY="51dp" />

</androidx.constraintlayout.widget.ConstraintLayout>

いまのところ新規プロジェクト作成後に、空のページから作成して、
TextViewとButtonを配置して、ボタンクリックイベントだけ作った感じです。

質問したい内容は以下の通りです。
・プレビューと実行画面をほぼ同じ感じにする方法は無い？
・”ズレ”る事は周知の事実なので、ズレる事を前提で場所の配置？
・AndroidStudio3.5だから？
・ベース基盤をAndroid7.1に設定しているから？

ライブラリを読み返しているところなのですが、
未だ原因にたどり着けていません。かれこれのべ24時間は調べている感じです。
Activityが一致していないから？というような情報もあり、試行錯誤してみましたが、うまくいきませんでした。

どなたかご存じの方、ご教授いただけないでしょうか…。