我们做网站一般都是做自适应结构，不同用户使用不同的浏览设备可以浏览不同的版面的网站。但有时为了特殊的要求，我们不希望自己的网站手机端自适应，让手机端也展示为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>
$(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端版面。
免责声明：网所有文字、图片、视频、音频等资料均来自互联网，不代表本站赞同其观点，内容仅提供用户参考，若因此产生任何纠纷，本站概不负责，如有侵权联系本站删除！邮箱:207985384@qq.com https://www.ainiseo.com/jianzhan/60682.html
