现在随着移动端流量的增加，很多企业在做网络营销时都会加入移动端网站运营，大部分移动网站排名都会根据pc端确定，通常我们做好pc端网站，还得做手机端的适配特别麻烦，毕竟手机的浏览屏幕没有电脑那么宽，怎么让pc端的网页适配手机？
手机网站设计 在布局方面，根据自身产品特性，可以采用一排两个或者三个的放，对浏览者来看是比较方便的，一排放的太多太挤，太少又太空洞，都不是最佳的布局方案。
PC端的设计与手机端相差不大，利用调整百分比
PC端与手机端的设计分离，利用判断设备的方式做301跳转
网站导航是对用户的引导，移动端导航的设计，既要显眼容易点击，又不挡住主要内容展示。比较流行的做法是采用展开收缩的方式，以图标式+简要文字说明浓缩在页面的头部，用户点击的时候才全屏展开详细的栏目结构。
无论是电脑还是手机，要做到自适应屏幕，其实都是一样的。首先在网页代码的头部，加入一行viewport标签
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
