使用客户端代码为不同设备设置不同的视口宽度？答案

【问题标题】：Set different viewport width for different devices with client code?使用客户端代码为不同设备设置不同的视口宽度？
【发布时间】：2012-09-24 01:11:45
【问题描述】：

我正在制作一个具有三种状态（完整、480 像素和 320 像素）的响应式网站。

缩放到设备宽度在智能手机和屏幕小于 700 像素的设备上看起来不错，这是第一个响应模式启动的地方。

<meta name="viewport" content="width=device-width, initial-scale=1.0"/>

但是，在 iPad 上，我希望宽度为 1200 像素，因此页面最初显示为“全光”。

有什么方法可以通过客户端代码来实现吗？我知道我可以在服务器端获取用户代理，但由于我不制作后端代码，我更喜欢 html/js 解决方案。

当然，iPad 的响应状态是理想的，但没有时间或金钱来做这件事，而且桌面网站也足够好用。

【问题讨论】：

【解决方案1】：

不知道这是否会成为其他人来这里的解决方案，但解决这个问题的方法是将min-width 设置为每个响应状态<body>.. 使网站在 ipad 上的负载足够体面..

【讨论】：