模板使用说明
建议在项目初期就确定适配方案,统一设计稿基准尺寸,建立像素转换规范。重视字体和边框的特殊处理,确保在不同设备上的一致性。生成的适配方案可作为移动端开发的标准参考。
模板功能说明
本模板全面解析移动端REM适配方案的实现原理和最佳实践,包括viewport设置、REM单位计算、屏幕密度适配、设计稿基准尺寸选择等核心概念。通过深入分析flexible.js库的工作机制、屏幕宽度检测、根字体大小动态调整等技术要点,帮助用户构建高保真的移动端适配方案。同时,介绍设计稿转换技巧、字体大小处理、border 1px解决方案、图片适配等实际开发中的常见问题,展示如何在不同设备上保持一致的视觉效果。使用本模板可以显著提升移动端页面的适配精度,确保设计稿与最终实现的高度一致,改善用户在移动端的浏览体验。
参数表单
根据你的业务场景和内容需求,填写下方维度与字段信息,系统会据此拼装结构化 Prompt。
生成结果
完成参数填写并点击「使用此模板生成 Prompt」按钮后,这里会展示可直接复制到大模型里的提示词文本。