建站百科

文章导读：本文主要阐述了“pc网页适配手机移动端的临时解决方案”下面介绍一下pc网页适配手机移动端的临时解决方案，为什么称之为临时解决方案呢？因为它可以让原本的PC网页在手机下能够等比缩小...，本文由跨屏网最后更新于2020-07-26，全文共785个字，预计阅读时长2分37秒。

或者选择跨屏网，一键快速适配手机方案。

1.在网站的头部代码head区域添加一句代码

`<meta name=”viewport” content=”width=1600” />`   width=1600的数值取决于你网站的主体内容宽度，如果你不清楚就直接写1600，因为一般网站的主体内容不会超过1600。

2.添加js来完成ios系统的支持

 `if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {         //add a new meta node of viewport in head node         head = document.getElementsByTagName(‘head’);         viewport = document.createElement(‘meta’);         viewport.name = ‘viewport’;         viewport.content = ‘target-densitydpi=device-dpi, width=’ + 1600 + ‘px, user-scalable=no’;         head.length > 0 && head[head.length - 1].appendChild(viewport);  }`  它来自切图网早期经过测试得出的一种简单有效方法，它只是一种临时、有效的解决方案，不能真正的做到把pc的网站在手机下变成一个手机版网站，它可以让原本pc的网站在上手机下能够正常显示，不至于错位或者乱掉。

转载此文章须经作者同意，并附上出处及文章链接。 http://kuaping.com/shipei-shouji-linshi-fangan/

写在最后，以上就是对于“pc网页适配手机移动端的临时解决方案”的一些看法，欢迎指正、交流。

本文名称：pc网页适配手机移动端的临时解决方案
转载来于：http://test.kuaping.com/article/show205.html