html - 使用客户端代码为不同的设备设置不同的视口(viewport)宽度?

标签 html css responsive-design viewport

我正在制作一个具有三种状态(完整、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/

相关文章:

html - 从文本 html Canvas 中提取路径

html - 具有透明覆盖的背景图像

javascript - 如何同步播放HTML5视频?

javascript - jQuery 目标 td header 属性

javascript - 单击行时表的高度发生变化

javascript - 每次单击按钮时 CSS 递增过渡动画

css - wordpress 中的组合 CSS 声明

html - CSS 不调整网格中元素的大小

css - 使用css在图像上垂直对齐

html - CSS 媒体查询文本