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

时间:2012-08-30 10:05:42

标签: html css responsive-design viewport

我正在制作一个有三种状态的响应式网站(完整,480px和320px)。

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

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

然而,在iPad上我希望宽度为1200px,因此页面最初会缩小显示为“完全荣耀”。

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

当然,iPad的响应状态是理想的,但没有时间或金钱,桌面网站的效果也不错。

1 个答案:

答案 0 :(得分:0)

不知道它是否会成为其他任何人来到这里的解决方案,但解决这个问题的方法是将min-width设置为每个响应状态<body> ..使网站加载得足够好ipad ..

相关问题