响应式网站因为其灵活多变的特性深受很多企业的青睐，从最初很少有公司会用到到现在作为主流的建站方式之一，应用越来越广泛。响应式网站建设主要用于解决PC端电脑与手机小屏幕感官的问题。相较于单独的开发手机站，响应式网站的开发速度更快一点，且花费的成本也会较低一点。

但是响应式网站的开发难度不会比独立的手机站简单多少，尤其是手机端的适配工作，那么对于手机端的适配工作具体要如何去操作呢？

1、手机端的网站logo

确保logo图所展示的空间，不要出现logo图被遮住或者展示不全的情况。很多网站的logo比较大，在pc端浏览没什么问题，但是到移动端显示时出现上述情况。

可以将pc与手机端的logo分开处理，不公用一张logo图。

2、页面加载的速度

页面的图片越多越大，网站需要加载的时间就越长。而且现在大多数网站的图片都是高清甚至超清的，加上响应式网站的代码又要比普通网站多。为了能够加快网站的加载速度，需要将质量过高的图片进行一定程度的压缩，确保能够清晰显示就行了，最好是让网站能够在1S内加载完成。

3、图片展示

比例协调、不变形并且保持图片清晰。图片在排列展示时不要过于密集，也不要太过稀疏。

手机端的图片适配需要根据图片、产品标题的长短来进行适配。

特别注意排版问题，在pc端中是4-5个，到了手机就要根据不同尺寸来确定，并且要做字数限制处理，避免某段文字过长而影响整体的布局。

4、适当隐藏内容。

网站手机端的适配要格外的注意空间布局，适当的隐藏一些不必要的内容，比如：在首页位置中调用的内容页信息，文章页中的相关推荐，友情链接可以不在手机端中显示。

导航栏做成按钮的形式，给logo图腾出空间展示。

5、少用按钮

不管是响应式网站还是普通网站建设的目的基本上是为了做推广，为了更好的用户体验会加上一些在线聊天的工具、二维码以及滑到底部后点击就可跳至顶端的按钮等等这些。

适配到手机端时尽量减少这些内容也不要添加返回顶部的按钮，手机端不需要。

6、手机端适配可以考虑去除面包屑导航

面包屑的作用主要是为了访问者清楚当前所处的位置。但是响应式网站在适配手机端时可以考虑去除这一功能，互联网发展至今手机网站页面以简洁为主，也不会有多少页面了，所以在面包屑导航就显得有些多余。

7、头部的折叠菜单查看子菜单建议在一个平面内

相当于一个平面图展示出网站的子集菜单栏，如下图所示：