如何仅缩放带有视口元标记的响应式网站的桌面页面？

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网站例如一些通用的屏幕宽度。