Javascript 仅适用于移动设备的元视口（屏幕宽度小于640）

我正在做一个网站，它的屏幕宽度应该超过640（台式机和平板电脑），在小于640（智能手机）的设备上显示为移动版本

所以我需要智能手机的meta[name=viewport]，其他设备不需要它

目前在一个head中使用这样的代码

<script>
        if(navigator.userAgent.match(/Android/i)
          || navigator.userAgent.match(/webOS/i)
          || navigator.userAgent.match(/iPhone/i)
          || navigator.userAgent.match(/BlackBerry/i)
          || navigator.userAgent.match(/Windows Phone/i)) {
            document.write("<meta content='width=device-width, initial-scale=1' name='viewport'>");
        }
</script>

if（navigator.userAgent.match（/Android/i）
||navigator.userAgent.match（/webOS/i）
||navigator.userAgent.match（/iPhone/i）
||navigator.userAgent.match（/BlackBerry/i）
||navigator.userAgent.match（/windowsphone/i））{
文件。填写（“”）；
}

但这无助于淘汰宽度超过640的设备（平板电脑）

检测头部的screen.width也没有帮助，因为如果之前没有宣布元视口，androids返回的宽度不正确

---

是否有人知道如何在头部检测平板电脑或实现我想要的结果。

我认为您想要实现的是一个响应迅速的网站，因此您需要css媒体查询：

在标题部分，您可以添加：

在css中，您应该这样做，以便它能够检测屏幕的大小，并根据您的设计响应（更改）超过640像素的宽度

@媒体屏幕和屏幕（最小宽度：640像素）{

//这里有一些代码

}

---

本网站可以帮助您学习响应式网页设计

Thnx，回答不同的问题。我已经用媒体查询做了响应性网页设计，但也无法在平板电脑和手机上实现缩放。这就是问题所在。对我来说，问题出在“初始刻度=1”，当我抛出这个时，一切都按其位置进行。我不知道这是否是一个好的举措，但它是有效的。所以问题是，如果你使用Wordpress，为什么最初的规模会扼杀SmartPhone上的移动版本可能是个好主意。它检测各种浏览器和设备。所以你可以这样说：“If（is_mobile（）……。”Thnx，我只在处理前端部分