有没有办法只为手机设置通用响应式元视口()？我们有一个网站,没有这个元标记,缩小,看起来很好7“和更大的平板电脑,肖像和风景,但它在小型设备上有点太不方便了.
因此,为了让它在手机上工作,我不得不使用< Meta name =“viewport”>标签,然后强制一些媒体查询修复较大的设备上的东西.
有没有办法在手机上设置元标记,只是设备默认缩小了大型设备上的视图？
谢谢！丰富
解决方法
你的意思是这个< Meta name =“viewport”>？
<Meta name="viewport" content="width=device-width,user-scalable=no" />
如果是这样,请尝试在< head>中添加以下脚本. (从here采取和改编)：
if(navigator.userAgent.match(/Android/i)
|| navigator.userAgent.match(/webOS/i)
|| navigator.userAgent.match(/iPhone/i)
|| navigator.userAgent.match(/iPad/i)
|| navigator.userAgent.match(/iPod/i)
|| navigator.userAgent.match(/BlackBerry/i)
|| navigator.userAgent.match(/Windows Phone/i)) {
document.write('<Meta name="viewport" content="width=device-width,user-scalable=no" />');
}
这将检测用户代理是否指示浏览器是移动的,并将根据需要编写该元视口.
