当我的Bootstrap页面最初加载时，默认情况下，它仅在小型设备（移动设备）的“纵向”模式下缩放页面，并将表格数据显示在屏幕之外。
这是Meta的代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>Representative Ordering</title>
<meta name="_token" content="{!! csrf_token() !!}"></meta>
<link href="{{ asset('css/app.css') }}" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js">
</script>
</head>
尝试所有可能的初始刻度值（1.0和1）以及最大刻度和最小刻度。但是没有用。
并链接了app.cs并添加了-webkit-text-size-adjust：100％。