必须在提示词中明确指定pc端（1920×1080）和移动端（iphone 14，390×844）的设备型号与分辨率，并分别约束布局单位、交互逻辑及适配操作，才能生成真正双端兼容的墨刀原型。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
要在墨刀中用AI生成同时适配PC端和移动端的原型页面，必须在提示词里明确区分两种终端的布局逻辑、交互方式和视觉规范，否则AI会默认按单一尺寸输出，导致移动端出现横向滚动或PC端内容堆叠溢出。
明确声明双端设备类型
在提示词开头直接写明「请为PC端（1920×1080）和移动端（iPhone 14，390×844）分别生成两套独立页面」，不能只写“响应式”或“自适应”，墨刀AI不识别这类抽象概念，【必须写清具体设备型号与分辨率】。
补充说明两者的功能差异：例如“PC端需支持鼠标悬停菜单，移动端需支持手指滑动切换Tab”，AI才能据此生成不同交互逻辑。
约束布局与组件行为
方法一：用否定式排除干扰项
在提示词中加入「禁止使用固定宽度容器」「禁止设置px单位的字体大小」「禁止将按钮宽度设为300px」——这些写法会让AI主动规避PC端常见但移动端灾难性的硬编码值。
方法二：指定相对单位与弹性规则
写明「所有间距用rem或%表示」「列表项高度按视口高度vh动态计算」「图片宽度设为100%，高度设为auto」，这能触发AI调用墨刀内置的弹性布局引擎。
分步骤生成双端页面
第一步：先输入提示词生成PC端页面，确认结构无误后，点击「导出当前页」→「复制页面链接」；
第二步：新开一个AI生成框，粘贴刚复制的链接，在提示词末尾追加「基于此PC页面结构，生成对应移动端版本，保持信息层级一致，但导航栏改为底部Tab，表单字段纵向堆叠，按钮增大至48px最小点击区域」；
第三步：生成完成后，手动在移动端页面中选中全部元素→右键「适配移动设备」→勾选「启用安全区域适配」，【此操作不可跳过，否则状态栏和底部Home Indicator会被遮挡】。
