什么是简单地'缩小'网站以适应iPad的最佳方式，同时使其在移动设备上完全响应？
这是我的视口标记：
<meta name="viewport" content="width=device-width">
我曾希望以下媒体查询能够通过强制设备“缩小”来显示整个1060px包装器div，从而显示所有内容，就像桌面显示器的迷你版本一样
#wrapper {
background: green;
margin: 0 auto;
width: 1060px;
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
body { min-width: 1080px; }
wrapper { background: red; }
}
媒体查询本身有效（iPad上的包装背景变红），但我仍然需要缩小才能查看整个页面。
但是，如果我将视口标记更改为：
<meta name="viewport" content="width=1080px">
我得到了理想的结果，但这并不好，因为移动版需要完全响应。所以我希望有一些东西可以添加到媒体查询中来实现它。
当然，我错过了一些非常明显的东西 - 似乎记得这种技术在过去工作 - 任何帮助表示赞赏！
非常感谢提前！
修改
这似乎已经提出过，同样的问题，但没有解决方案：