先给结论:如果长业务名称是品牌法定全称、且必须完整出现在页头,优先选支持按容器宽度自动降级字号的平台模板;如果长名称只是展示用简称,优先在移动端使用受控换行加固定行高,而不是让平台自动缩放。两种做法的取舍点不在“哪个平台更强”,而在于名称是否允许被改写、以及旧系统或旧合作关系退出时,这部分内容是否值得原样保留。
把名称拆成两类再选平台,比直接比较功能列表更有效。
选择依据是:名称一旦被平台自动缩放,用户仍能读清,说明属于第一类;若缩放后连首屏标题都难以辨认,说明该走第二类,或者需要改结构而不是继续调字号。
选支持容器查询或按视口宽度切换字号档位的平台模板。实施动作是:把页头名称容器设为可换行,最多两行,行高固定为字号的1.2倍;同时给字号设下限。结果是窄屏上名称可能占据两到三行,这时下一步应把导航收进折叠菜单,而不是继续压缩名称。
选支持移动端独立页头内容的平台。实施动作是:桌面端显示全称,移动端只渲染简称,全称保留在页脚和结构化信息中。结果是首屏名称保持一行,下一步可以把省出的纵向空间留给主行动按钮或联系入口。
两种条件的分界不是屏幕尺寸,而是名称能否被改写。能改写就不要用缩放硬撑;不能改写就不要为了单行而裁切文字。
word-break: keep-all 只对中文名称局部生效,不要全局套用。这些检查点的作用是判断“还能不能靠调字号解决”。如果换行后仍挤占导航,说明问题在结构,不在字号。
当旧建站平台、旧模板或旧外包关系要退出时,长名称的处理方式往往被一起带走。值得保留的是名称的断行规则、字号下限和全称存放位置,而不是旧平台的某个具体组件。实施动作是:在迁移前把这三项写成一份样式约束,交给新平台配置。结果是新站上线后不必重新试错字号,下一步只需核对移动端首屏是否仍出现名称被裁切或导航被挤压。
例外情况是:旧系统中名称本身已经过时或需要变更,此时不应保留旧断行规则,而应重新按新名称长度决定是走完整显示还是简称方案。
假设某企业名称有18个汉字,移动端页头宽度约360像素。若选择自动缩放,字号可能降到12像素以下,此时首屏标题的可读性已经接近正文注释,不适合作为主标题。若选择两行换行加简称,首屏可保持16像素以上,导航折叠后仍保留完整入口。这个比较方法只用于说明取舍,不构成任何平台效果承诺。
验证动作是:在窄屏下分别截图完整名称版和简称版,比较名称是否被裁切、导航是否可点、首屏是否出现横向滚动。若简称版三项都通过,而完整版出现横向滚动,就应把完整名称移到页脚,而不是继续调小字号。这个结果会直接影响下一步:是保留当前平台配置,还是更换支持移动端独立页头的方案。