html - iPhone 上的无响应站点中断

Question

我正在尝试设计一个无响应的网站。它在桌面上看起来很棒。在 iPhone 上，内容和文本会中断和重叠。我没有设置视口(viewport)，所以我认为它看起来就像桌面版，但“缩小了”或“很小”……我不明白为什么会这样。请温柔点我今天感觉很累 ;)

这是我的问题的示例:Desktop VS iPhone Example

*编辑:ceejayoz 回答了这个问题，出于某种原因我找不到“回答”按钮。

Answer 1

移动浏览器会调整文本大小以使其更具可读性。

不幸的是，您似乎在使用绝对定位，所以这个非常有用的功能有点过时了。

将 -webkit-text-size-adjust: 100% 放在这些元素的 CSS 中(如果您愿意，也可以是整个页面)将阻止这种自动调整。