说起手机网页这事儿，我也是后来才琢磨明白的。我就觉得，网页不就是网页嘛电脑上能看，手机上肯定也能看，顶多就是屏幕小点儿。

结果有一次，我自己瞎鼓捣的一个小网站，用电脑看着还行，挺规整。然后有朋友说用手机打开看看，我就用自己手机试下，嚯！那叫一个惨不忍睹。图片巨大，文字小得跟蚂蚁似的，点个链接费老大劲，手指头粗点儿都容易点错。

咋回事？

我就纳闷，这手机屏幕也不算太小，怎么就显示成这样？一开始我还以为是手机浏览器的问题，换好几个，结果都差不多。后来问几个稍微懂点的朋友，他们就跟我说什么“适配”、“移动端优化”之类的词儿，听得我云里雾里的。

他们说，你看人家大公司的网站，手机上看着就挺舒服，要么是专门做个手机版的，要么就是用啥“响应式”技术。我当时就想，这手机网页，难道跟电脑网页还不是一个东西？

后来我就自己去试试。也没搞多复杂，就是找些简单的教程，对着捣鼓。发现这里面门道还真不少：

• 布局得变： 电脑上能并排显示好几列，手机上就得变成上下堆叠，不然根本看不清。

• 图片大小要注意： 不能直接用电脑上的大图，加载慢，还可能撑破屏幕。

• 按钮和链接得够大： 方便手指头点，不能像电脑上用鼠标那么精确。

• 还得考虑加载速度： 手机网络有时候不给力，网页内容得尽量精简，别搞太多花里胡哨的东西。

捣鼓一阵子，我才慢慢明白，所谓的手机网页，本质上就是为让网页在手机这种小屏幕、触摸操作的设备上，也能让人用得舒服、看得清楚。 它可能跟电脑网页用的是一套代码（响应式），也可能是单独做的一套（像以前有些网站地址前面带个m的），甚至有些点进去直接让你下个APP，那个体验又不一样。

所以要问手机网页是按我自己的实践来看，它不是啥特别高深的技术，但就是得多考虑一步：用户是在用手机看！ 得想着怎么让他在巴掌大的屏幕上，用手指头也能方便地获取信息。就这么个事儿，但你不专门去弄，体验可能就差远。