我正在规划我的网页布局，它应该也可以在 iPhone 上使用。我对 iPhone 还没有太多经验 - 我只是在我的 Mac 上安装了 iPhone 模拟器。
页面的内容是灵活的，所以我认为最好利用这种灵 active 来避免用户不得不滚动整个页面。特别是我有
- 一个标题和一个侧边栏，将一直用于执行多项操作。
- 一个主要内容区域，包含许多元素(例如图像)。如果一次显示的元素数量因小屏幕而减少(例如通过 JavaScript)，UI 将保持良好的可用性。使主要内容区域可滚动(而不是整个页面)也是可以的。
问题:如果我简单地在 iPhone 上显示页面，它会使用非常小的字体大小，因此用户必须先放大，然后再滚动 - 这样他们就看不到标题和侧边栏了时间。
处理这种情况的最佳方法是什么？
- 就这样保留(非常小的字体)，因为用户希望在 iPhone 上有这种行为吗？
- 增加字体大小(通过在
em或px或xx-large中指定，或者什么是最好的方法？ )，如果我以某种方式检测到它正在 iPhone 上显示。 - 或者有什么方法可以将视口(viewport)大小限制为屏幕大小，并使其自动放大？我认为这对我来说是最简单的解决方案。
- 或者……？
最佳答案
Craig Hockenberry 的这篇文章值得一读:
有关更多细节，这是他为 A List Apart 写的两部分:
关于javascript - iPhone 的网页 - 大字体而不是滚动？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/2662490/