我正在制作一个具有三种状态(完整、480 像素和 320 像素)的响应式网站。
缩放到设备宽度在智能手机和屏幕小于 700 像素的设备上看起来不错,这是第一个响应模式开始的地方。
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
但是,在 iPad 上,我希望宽度为 1200px,这样页面最初显示为“全屏”。
有什么方法可以通过客户端代码实现吗?我知道我可以在服务器端获取用户代理,但由于我没有编写后端代码,所以我更喜欢 html/js 解决方案。
当然,iPad 的响应状态将是理想的,但没有时间或金钱,而且桌面网站已经足够好了。
最佳答案
不知道这是否会是其他人来到这里的解决方案,但对我来说解决这个问题的是设置 min-width
每个响应状态<body>
.. 使网站在 ipad 上的负载足够好..
关于html - 使用客户端代码为不同的设备设置不同的视口(viewport)宽度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12194425/