手机版网站的设计目标不是“好看”，是“好用”。客户在手机上操作时，手指比鼠标粗，屏幕比电脑小，网络比宽带慢。设计需要适应这些约束条件。

字体：正文至少16px，标题更大

电脑上看着舒服的字号，手机上可能小到需要手动放大。正文至少用16px以上的字号，标题用20px以上。不要用小于14px的字号，客户不会去放大，他会直接关掉。行距也要比PC端大一些，让文字在手机屏幕上更容易阅读。

按钮：可点击区域足够大，间距足够

手机屏幕上的可点击区域至少要有44px×44px，这是手指能轻松点中的最小尺寸。按钮之间的间距也要足够，避免想点A却点到了B。按钮的颜色要与背景形成对比，让客户一眼就能看到“这里可以点”。

图片：压缩格式，适配移动网络

手机端的图片需要压缩到适合移动网络的尺寸，单张控制在200KB以内。格式优先用WebP，比JPEG更小且质量更好。图片不要自动播放视频，避免占用流量。每张图片添加ALT标签，描述图片内容。

布局：移动优先，从单列开始

手机端布局应该从单列开始设计，产品卡片纵向排列，导航折叠为汉堡菜单。不要试图在手机上显示多列布局，屏幕宽度不够，内容会挤在一起。响应式设计的断点设置：手机竖屏（小于768px）单列，平板（768px到1024px）两列，桌面（大于1024px）三列。