在 iOS 上退出
在 Xcode 中选择 WebViewGold target → General → Supported Destinations，移除 iPad。这样应用会作为 iPhone 应用接受审核，不需要 iPad 截图，而 iPad 用户仍可以在兼容模式（一个缩放的 iPhone 窗口）下安装。适合扫码或司机应用这类只用手机的工作流程。
为什么 iPad 对手机应用也很重要
WebViewGold Xcode 项目是一个通用应用：它原生运行在 iPhone 和 iPad 上，并为两者分别提供设置（这就是 Config.swift 中同时有 orientationiphone 和 orientationipad 的原因，也是图标集中包含 152 和 167 px iPad 尺寸的原因）。Apple 审核人员经常在 iPad 上测试通用应用，App Store Connect 要求通用应用提供 iPad 截图，而 iPad App Store 会把您的商店详情页展示给数以百万计的平板用户。一个被拉伸到 1024 点宽的手机布局本身并不会导致拒审，但一个出了问题的布局会：菜单重叠、弹窗跑出屏幕、横屏视图支离破碎。这些问题会归入准则 4.0（设计）或 2.1（完整性）。
Android 没有针对平板的审核步骤，但 Google Play 会依据其大屏幕质量指南对应用进行排名和标记，单独展示平板截图，而且 Chromebook 会在可调整大小的窗口中运行 Android 应用。同样的响应式工作在两个平台上都会有回报。
WebView 的响应式规则
您的 Web 应用应在 320 px 到约 1366 px 宽、竖屏和横屏下都显得经过精心设计。大多数生成的应用都需要这份清单：
- 在宽屏上使用居中的最大内容宽度（640 到 760 px），或者从约 768 px 起使用双栏布局：左侧导航，右侧内容。
- 手机上的底部导航在平板上变成侧边栏或居中的导航条；一个横跨 1024 px 的底部栏看起来很别扭。
- 能自动重排的网格：手机上一列，平板上两到三列（
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr))）。 - 对话框和面板设置最大宽度并居中，而不是使用留下 70% 空白的全屏面板。
- 不要使用只能通过悬停触发的交互；平板是触控设备。
- 输入框字号 16 px 或以上，点击目标至少 44 pt，和手机上完全一样。
- 横屏：要么用一个能利用宽度的布局来支持它，要么在 WebViewGold 中锁定屏幕方向（见下一节）。
- 在 Safari 的响应式设计模式或 Chrome DevTools 中，以 820 × 1180（iPad Air）、1024 × 1366（iPad Pro）以及对应的横屏尺寸进行测试。
给 Lovable、Bolt、v0 或 Cursor 的提示词
让布局适配平板
让应用布局在平板（iPad 和 Android 平板）上实现响应式，同时不改变手机上的体验： 1. 为单栏页面添加一个居中、最大宽度为 720px 的容器；768px 以下保持当前的移动端布局。 2. 从 768px 起，把主导航显示为左侧边栏，替代底部标签栏，导航项和选中状态保持不变。 3. 把卡片列表改为响应式网格（手机上 1 列，768px 起 2 列，1100px 起 3 列）。 4. 在宽于 768px 的屏幕上，让所有弹窗和面板的最大宽度为 560px，并在垂直和水平方向上居中。 5. 确保每个页面在 1024x768 的横屏下都能正常使用，没有横向滚动，也没有元素重叠。 6. 点击目标的高度至少保持 44px，输入框字号至少 16px。 不要使用只能通过悬停触发的交互。
出色的工作！无需任何编码就能轻松完成。简单快捷！创作者也提供了大力帮助！
与平板相关的 WebViewGold 设置
| 设置 | iOS（Config.swift） | Android（Config.java） |
|---|---|---|
| 屏幕方向 | orientationiphone 和 orientationipad："portrait"、"landscape" 或 "auto" | PHONE_ORIENTATION 和 TABLET_ORIENTATION："portrait"、"landscape" 或 "auto" |
| 平板专用 user agent | useragent_ipad 让您的 Web 应用能识别 iPad，并提供平板布局或平板专属行为 | 所有设备共用一个 USER_AGENT；改为在 CSS 中检测屏幕宽度 |
| iPad 上的底部栏 | 把 iPadBottombar 设为 true，iPad 上也会显示原生底部栏；默认关闭，因为在 iPad 上主屏幕指示条很少遮挡内容 | 原生导航抽屉或底部栏适用于所有屏幕尺寸 |
| 启动画面图片尺寸 | scaleSplashImage：以屏幕短边的百分比表示，因此图片在大屏幕上也能合理缩放 | SCALE_SPLASH_IMAGE |
| 安全区域 | iPad 同样有圆角和主屏幕指示条；在 CSS 中使用 env(safe-area-inset-*)；参见安全区域文档 | 标准处理；无需适配刘海 |
| 图标 | 由 1024 px 主图生成的 152 和 167 px iPad 图标 | 与手机相同的启动器图标 |
没有 iPad 也能制作 iPad 截图
通用应用必需：一组 13 英寸 iPad 显示尺寸的截图。
有 Mac 的话
在 iPad Pro 13 英寸模拟器中运行 WebViewGold 项目，打开四到六个关键页面，按 Cmd+S。生成的文件已经是 App Store Connect 要求的尺寸。
没有 Mac 的话
在任意一台 iPad（朋友的、商店里的演示机、租来的设备）上安装 TestFlight 构建并截取原生截图，或者通过 Cloud Builder 构建，再以同样的方式使用 TestFlight。如果需要调整尺寸，App Store Connect 列出了可接受的像素尺寸。
Android 平板
Play Console 接受可选的 7 英寸和 10 英寸平板截图；Android Studio 模拟器（Pixel Tablet）可以生成它们。面向大屏幕优化的应用会在平板上获得突出展示。
文案
沿用手机截图的文案；商店详情指南介绍了尺寸和文案规则。
退出还是支持
在 iOS 上支持
保留通用 target，如果横屏还没准备好，就把 orientationipad 锁定为竖屏，提供 13 英寸截图，并在平板宽度下测试每个主要页面。您将获得 iPad App Store 的曝光和“专为 iPad 设计”的商店详情页。
Android
默认情况下，应用可以安装在所有屏幕尺寸的设备上。要排除平板，请在 AndroidManifest.xml 中添加屏幕限制（supports-screens 或 compatible-screens）；Play Console 随后会对这些设备隐藏该应用。大多数应用干脆保留平板，依靠响应式布局。
Mac 和 ChromeOS
iPad 应用可以在搭载 Apple 芯片的 Mac 上运行，除非您在 App Store Connect 的“价格与销售范围”中关闭 Mac 可用性；Android 应用可以在 Chromebook 上运行。只要布局是响应式的，这两者都是额外的受众。
常见问题
Apple 会自动拒绝在 iPad 上显示手机布局的应用吗？
不会。一个能用但未经优化的布局通常能通过。导航失灵、元素重叠或支离破碎的横屏模式，才会导致 4.0 或 2.1 拒审。
我可以把 iPad 锁定为仅竖屏吗？
可以：在 Config.swift 中设置 orientationipad = "portrait"，在 Config.java 中设置 TABLET_ORIENTATION = "portrait"。许多效率类应用就是这样发布的。
如果我选择退出，iPad 用户还能安装应用吗？
能，以 iPhone 兼容模式运行：应用在一个缩放的 iPhone 尺寸窗口中运行。它会列在 iPad App Store 的 iPhone 应用中。
Android 平板需要单独的构建吗？
不需要。一个 App Bundle 就能覆盖手机、平板和 Chromebook；布局方面的工作在您的 Web 应用中完成。
让您的应用上架商店的三种方式
结果相同，只是您需要投入的工作量不同。三种方式都附带审核通过保证和 7×24 小时人工支持。
自己动手
$109 每个平台，一次性付费
WebViewGold 许可证：一个现成的 Xcode 或 Android Studio 项目。粘贴您的 URL，设置名称和图标，开启所需功能，构建并提交。永久免费更新。
在主页查看方案Cloud Builder
$349 每个许可证，一次性附加购买
无需 Mac、Xcode 或 Android Studio：在浏览器中完成配置，我们在云端构建两个应用，并将其交付到 App Store Connect 和 Play Console。
Cloud Builder 如何运作 试用免费演示Full Service
$698 每个平台 $798
把您的 URL 和图标发给我们。我们的团队在 72 小时内完成配置、构建并交付您的应用，白标，附源码项目。两个平台共 $1,158。
Full Service 详情 服务提供方：
冬季特惠价格有效期至 2026年12月31日。