学做网站培训课程介绍

当前位置:

如何去除网站手机端自适应变化

我们做网站一般都是做自适应结构,不同用户使用不同的浏览设备可以浏览不同的版面的网站。但有时为了特殊的要求,我们不希望自己的网站手机端自适应,让手机端也展示为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端版面。

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注