怎么让pc端的网页适配手机？

　　现在随着移动端流量的增加，很多企业在做网络营销时都会加入移动端网站运营，大部分移动网站排名都会根据pc端确定，通常我们做好pc端网站，还得做手机端的适配特别麻烦，毕竟手机的浏览屏幕没有电脑那么宽，怎么让pc端的网页适配手机？

　　1、规划好布局设计

　　手机网站设计 在布局方面，根据自身产品特性，可以采用一排两个或者三个的放，对浏览者来看是比较方便的，一排放的太多太挤，太少又太空洞，都不是最佳的布局方案。

　　2、网页自适应手机端的方式有两种：

　　PC端的设计与手机端相差不大，利用调整百分比

　　PC端与手机端的设计分离，利用判断设备的方式做301跳转

　　3、做好移动端导航设计

　　网站导航是对用户的引导，移动端导航的设计，既要显眼容易点击，又不挡住主要内容展示。比较流行的做法是采用展开收缩的方式，以图标式+简要文字说明浓缩在页面的头部，用户点击的时候才全屏展开详细的栏目结构。

　　4、添加自适应代码

　　无论是电脑还是手机，要做到自适应屏幕，其实都是一样的。首先在网页代码的头部，加入一行viewport标签

　　<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />

　　怎么让pc端的网页适配手机，大家都可以手机端的网络可能没有电脑端速度那么快，因此要严格把控页面的内容。如果网站打开过慢，超过5秒就需要优化一下页面的加载了。