我想缩小我的UI并使其适合多个设备，无论设备分辨率如何，因此页面上不会有任何水平滚动。
pfb我的元视口值，
<meta content="width=device-width, maximum-scale=1.0" name="viewport">
我的网站不是响应式设计，我不想将初始规模和最小规模设置为1.0（尽管我知道这样的大多数网站都应该使用，对于我当前的网站，我不想使用它。）
在大多数设备上，我的网站容器宽度为1200px，因为我尚未设置初始规模和最小尺度，即使我在任何设备上都在任何设备上查看我的网站即使小于1200px（W.R.T）宽度，UI缩小并适合设备上的屏幕，并没有水平滚动。
我在旧的iPad设备上面临问题，在旧iPad设备上，UI并不完全适合屏幕的宽度，而是通过在页面中引入水平滚动条来水平溢出。有什么方法可以解决此问题，因此无论屏幕分辨率如何，UI始终缩小并适合设备屏幕。
我没有在Android设备上看到此问题，但是在旧iPad设备上出现了问题。
请让我知道是否有任何解决方案可以在iPad上解决此问题。
将此meta标记添加到您的<head>标签：
<meta content="width=device-width, maximum-scale=1.0, user-scalable=no" name="viewport">