移动端页面可点性清单：字号、按钮、表单与浮层

手机上打不开的不是网站而是细节：正文小于可读字号、导航项挤成一条横线、表单要求输入法定位、浮层自毁导致点不中。这份清单按区块列出上线前的逐项核对方法与判定标准。

手机上「打不开」的很少是网站本身，多数是几个具体细节：正文小于可读字号、导航项挤成一条横线、表单字段把输入法定位在拼音上、悬浮面板刚出现就自己收回去。这份清单按区块列出上线前的逐项核对方法与判定标准，可以直接当验收单用。

一、文字与可点目标

• 正文：最小 15px、行高不低于 1.6；列表项的上下留白由内容撑开，不用固定高度，避免中文换行被切。
• 可点目标：芯片、按钮、图标链接的实际可点区域不小于 28px，两个可点目标之间留出间距，防止误点相邻项。
• 标题层级：一屏里最多出现两级标题，层级超过两级通常说明这一屏内容该拆成两屏。

二、表单与浮层

• 表单：按字段类型指定输入方式（手机号用数字键盘、邮箱用邮箱键盘），提交按钮放在最后一项之后且独占一行。
• 浮层：追加到页面末尾的悬浮面板容易一进即自毁，必须用真指针模拟一次点击确认能命中；悬浮工具条要确认不压正文与页脚。
• 弹窗：宽度按屏宽计算并设上限，高度超出时用可滚动区域，不让内容被屏幕顶部切掉。

三、图片与版面稳定

• 图片：写死真实宽高，配合懒加载与占位，避免加载过程中页面跳动导致误点。
• 正文长图按显示宽度重编，既省流量也不要把字压到看不清。
• 轮播与自适应图片提供与显示宽度对应的档位，窄屏不为一张大图付全量流量。

四、核对方式：截整页，不只看首屏

375px 与 768px 两档各截一张整页图，逐个区块看高度与遮挡，而不是只看首屏——绝大多数遮挡发生在折叠以下与页面末尾的浮层上。这一份清单会作为移动端交付的验收附件，改完一项勾一项，客户能在手机上确认到每一项的效果。速度与图片档位怎么量化，见手机端加载速度；如果是「一套还是两套地址」这个问题还没定，先看响应式与独立手机版的取舍。

已经上线的站点可以直接把地址发过来，我们按这四项在真机上走一遍，出一张「哪几项不达标、改法是什么」的清单，不动代码也能先判断值不值得改版。电话 0576-88882122。

移动端页面可点性清单：字号、按钮、表单与浮层由“聚企互联“为您提供，更多临海手机端网页设计,临海移动端按钮尺寸,临海网站表单手机填写,临海浮层遮挡,临海手机网站可联系我们！