如何去除網站手機端自適應變化

我們做網站一般都是做自適應結構，不同用戶使用不同的瀏覽設備可以瀏覽不同的版面的網站。但有時為了特殊的要求，我們不希望自己的網站手機端自適應，讓手機端也展示為PC端版面。這該怎麼實現呢？

下面學做網站論壇介紹一下如何去除網站手機端自適應變化，讓網站在手機端時也顯示PC端的版面。

方法很簡單，只要在網站的代碼</head>標籤上面添加以下的JS代碼即可。

<script>

$(function(){
/(iPhone|iPad|iPhone OS|Phone|iPod|iOS)/i.test(navigator.userAgent) && (head = document.getElementsByTagName("head"), viewport = document.createElement("meta"), viewport.name = "viewport", viewport.content = "target-densitydpi=device-dpi, width=1200px, user-scalable=no", head.length > 0 && head[head.length - 1].appendChild(viewport));
});
</script>

這段代碼自動判斷是否為手機端瀏覽，如果是手機端瀏覽則限制寬度為1200px，並且顯示PC端版面。