翻出 2012 年做的手机站，页面定宽 320px，满屏 table 布局，在现在的手机上打开，字小得要放大三倍才能看。

3g网站开发那套做法，和今天的移动端开发几乎不是一回事。当年的经验能参考，照搬肯定不行。

3G 时代的手机站长什么样

2009 到 2013 年，3G 刚铺开，流量按兆算钱。手机站普遍用独立域名，页面宽度 240 或 320 像素，图片压到十几 KB，能用文字就不用图。布局大量用 table，因为低端浏览器对 CSS 支持参差不齐。页面顶部常挂一句「请用手机访问」，桌面打开会跳转到 m 域名，靠 User-Agent 判断，误判不少。

后来有了 XHTML-MP 和早期的 HTML5，才慢慢用上 div 加 CSS 的写法。wap 站这个词，也是那时候留下来的。

现在做移动端的三件基础事

  • 头部加 viewport meta，宽度跟设备走，别写死 320。
  • 布局用 flex 或 grid，尺寸用 rem、vw 或百分比，别用固定像素。
  • 图片用 WebP 加懒加载，首屏体积控制在 1MB 以内。

一套响应式代码同时适配手机和桌面，比单独维护一个 m 站省事。域名多了，还要处理跳转和权重分散的问题。

响应式也不是万能，表格多的后台页面在手机上还是难用，这种就单独做一套移动端界面。

老 3G 站要救怎么救

最省事的一步是先加 viewport，字体立刻正常。再把 table 布局换成 div，图片换成响应式尺寸。工作量大的话，只保留核心页面改版，剩下的做 301 跳转到新站。

改完用真机测，别只在开发者工具里切尺寸，触摸区域小于 44px 很难点准。

3g网站开发现在更多是历史项目改造，或者给低端设备做极简页面。真要照顾功能机和弱网，就少用 JS 框架，把首屏 HTML 压小，别一上来加载几百 KB 的脚本。

要不要按 3G 那套做

新项目没必要。现在的手机性能、网络和浏览器都比当年强太多，响应式加组件化是主线。只有做物联网设备、工业手持机这类场景，才需要回头看体积和兼容性。

结论：3g网站开发的经验是省，今天的做法是适配，思路能借鉴，代码别照抄。