建站百科

文章导读：本文主要阐述了“网站跨屏适配手机的基本方法”网站跨屏适配手机的基本方法，在head中添加viewport如下：meta name=viewport content=width=device-width, initial-scale=1.0,...，本文由跨屏网最后更新于2020-07-28，全文共516个字，预计阅读时长1分43秒。

<meta name=”viewport” content=”width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no”>
viewport ：用户网页的可视区域.
width：控制viewport的大小，可以指定一个值，如600，或者特殊的值，如device-width为设备的宽度（单位为缩放100%时的CSS的像素）。
height：和 width 相对应，指定高度。
initial-scale：初始缩放比例，也即是当页面第一次 load 的时候缩放比例。
maximum-scale：允许用户缩放到的最大比例。
user-scalable：用户是否可以手动缩放。

这是非常重要的一步，加上这一句话，如果pc网站的排版没有任何问题的话，在手机下访问就可以看到pc网站在手机下缩小以后完整的呈现出来了，但是如果想要pc网站在手机下能够呈现类似app一样的手机版式，需要做跨屏优化处理才行，跨屏网Kuaping.com是国内首家专注于网站跨屏幕解决方案的，欢迎垂询。

写在最后，以上就是对于“网站跨屏适配手机的基本方法”的一些看法，欢迎指正、交流。

当前题目：网站跨屏适配手机的基本方法
链接URL：http://test.kuaping.com/article/show272.html