一般情况下，pc版和手机版的切换，比如在网站底部搞个按钮，手机下显示pc版，pc下显示手机版，这种都不是响应式，而是手机一套模板，pc一套模板。响应式不用这个，它是自适应的。但是，客户不懂啊，非要在手机下能切换到pc看效果。其实实现起来也不难，只要把响应式起作用的关键标签：
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
meta name="viewport"的content的值改变了就行了。
具体实现代码如下：
html：
<div class="container" style="position:relative; z-index:1"> <span id="pcClick">电脑版</span> <span id="mClick">手机版</span> </div>
js：
document.querySelector('#pcClick').addEventListener('click', function() {
const meta = document.querySelector('meta[name="viewport"]')
meta.setAttribute('content', 'width=1300, user-scalable=0')
})
document.querySelector('#mClick').addEventListener('click', function() {
const meta = document.querySelector('meta[name="viewport"]')
meta.setAttribute('content', 'width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no')
})