一般 大家网站搞好电脑端，还得做手机端的兼容，说到底手机的访问屏幕没电脑这么宽，也不便捷打开很多个页面同一时间访问，假如直接把电脑的样式置于手机上来讲，会导致一些兼容性问题，例如页面展示不全，文字信息模糊不清，用户在手机上访问网站的体验基本上为零。

怎样才能搞好手机端的兼容问题，需要做什么样的准备工作?搞好下述这六点，你的手机网站客户体验会提升 一大块：

1、手机地图设计

手机地图是对用户的指引，既要醒目易于点击，又不可以遮挡重要内容展示。设想一下，如果我们把十来个栏目全都平铺到手机上，栏目就占了一大屏，要想看重要内容，还得继续拖动。较为流行的作法是使用面包屑导航进行收缩的方式，用户点击的过程中才全屏幕进行详细的栏目结构，如此一来就节约了许多空间，也便捷用户迅速找出想要的信息信息。

2、优化页面结构

手机访问网站，点击跳转新页面的过程中，一般是直接涵盖掉原来的页面，而不会像浏览器一样有很多个窗口，因此 在设计页面目录的过程中，应尽量避免手机端的页面层级，便捷用户返回原来的页面，切换轻松。

一个标准的手机网站页面层级一般不超过3层，我们可以如此一来设置层级关系，如首页->列表页->列表详情页，如此一来的目录简洁清晰，提升用户访问体验。

把公司的介绍、资质等信息归类在一个页面展示，而不是拆成很多个页面，以减少不必要的跳转等待。

3、优化排版布局

移动网站设计在布局方面，根据自身产品特性，可以使用一排两个或者三个的放，对浏览者来讲是较为便捷的，一排放的太多太挤，太少又太空洞，都不是最佳的布局方案。新闻可以使用左图右文的结构排列，图片占屏幕的三分之一，凸显标题文字信息。

4、灵活的视觉设计

移动网站很重视页面相互间的视觉设计，合理的设置按钮对接跳转，维持这样的交互可以提升用户的逗留。

5、优化手机站加载速度

大家用手机信号访问很有可能没电脑宽带的速度这么快，对移动网站的信息，大家很有必要压缩优化一下，从而提升 网站打开速度。

手机端的图片，最好是压缩一下大小，不可以直接搬用电脑站的图片，每一张图片尽可能控制在100KB以内。

页面动效在PC网站上变得有活力，但手机端应预防使用，因为它会影响页面的加载，大量的动画会使得整个页面变得卡顿，特别是在在配置没这么高的手机上访问，这样的卡顿会更加明显。