Android 是否可以只调用768px及以下的视口元标记？

基本问题：

我是否可以将视口元标记设置为仅在768px及以下生效

原因：

我使用标准的@media浏览器大小构建了一个响应迅速的电子商务网站：

超过1200像素 1025px至1199px 980px至1024px 768px至979px

由于网站的复杂性，无论是在时间还是布局上，我都无法使用@media querys使网站可用于移动浏览器，因此我想使用viewport meta标记强制所有小型移动浏览器显示768px到979px的布局

为此，我可以轻松使用：

<meta name="viewport" content="width=768px; />

---

轰！修正

对，这是一个痛苦的浪费6个小时，但它已经完成，现在工作，希望这有助于别人

首先，我在functions.php文件中包含了一个非常标准的Viewport元标记：

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.2, user-scalable=yes" />



然后，我在my header.php中使用jQuery Mobile查看浏览器宽度，如果浏览器宽度低于700px，则将视口大小更改为768px：

    <script type="text/javascript" src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.js"></script>

    <meta name="viewport" content="">

    <script>
        if($.mobile.media("screen and (max-device-width: 700px)")) {
            // Change viewport for smaller devices
            $('meta[name=viewport]').attr('content','width=768px');
        }
    </script>


如果（$.mobile.media（“屏幕和（最大设备宽度：700px）”）{
//更改较小设备的视口
$（'meta[name=viewport]'）。attr（'content'，'width=768px'）；
}

这很好用——它为iPad的横向和纵向布局保持了良好的响应性，并为手机提供了良好的视口大小。可爱的