响应式H5设计核心底层逻辑，避免适配失效移动优先，适配主流访问设计顺序，先做移动端320-767px布局，再向上适配平板768-1024px，PC端≥1024px符合保定用户，手机为主PC为辅的访问习惯，核心逻辑移动端优先展示核心功能，PC端补充次要信息、企业介绍、政策详情、避免大屏堆砌小屏拥挤。
流体布局弹性适配所有屏幕，放弃固定像素px采用相对单位，宽度用百分比%弹性布局，核心模块占屏幕宽度90%，字体根节点字体设为16px，1rem=16px或vw、1vw=屏幕宽度1%，避免移动端字体过小PC端字体过大，间距用em或固定间距16px/24px，模块间距随屏幕缩放自动适配。
弹性媒体避免图片视频变形，图片视频设置确保在任何屏幕下不溢出不变形，本地化优化 H5的服务图片采用竖版为主，适配手机横版为辅适配 PC，政务H5的政策图片支持点击放大方便中老年查看。
断点精准划分适配主流设备，根据用户设备分布手机以6.1-6.7英寸为主，平板以9.7-11英寸为主，设置核心断点避免过多断点增加开发成本，设备类型断点范围布局调整核心，移动端核心320px-767px单列布局，核心按钮固定底部隐藏次要模块，平板端768px-1024px双列布局，展示更多内容保留核心按钮，企业H5左侧功能导航右侧数据展示，适配平板横屏操作PC端≥1024px多列布局，补充侧边栏底部信息，左侧办事分类中间核心内容。
体验一致性降低用户认知成本，全局统一按钮样式圆角8px，配色交互逻辑返回按钮位置、表单提交反馈在所有设备上一致，本地化统一在各设备上展示逻辑相同，手机/PC端均优先显示莲池区、竞秀区。
