如何仅使用视口元标记扩展响应式网站的桌面页面？

Question

我希望下面的元标记仅适用于响应式网站的桌面？我不希望它影响移动部分。我该怎么办？

<meta name="viewport" content="maximum-scale=0.80">

Answer 1

您应该使用类似How to set viewport dynamically?的内容：

<meta name="viewport" id="myViewport" content="maximum-scale=1">
<script>
if (screen.width > 768) {
    var mvp = document.getElementById('myViewport');
    mvp.setAttribute('content','maximum-scale=0.80');
}
</script>

PS：例如，您可以在Bootstrap网站上找到一些通用的屏幕宽度。