css - 响应式设计，智能手机领域的问题

Question

当我调整窗口大小时，我正在构建一个在桌面上运行良好的响应式网站。然而，当我在“真正的”智能手机环境（iphone 5、iphone 4）上测试它时，一些字体大小没有被应用。

注意：纵向版本运行良好

这是一个例子：网站

如果你打开浏览器模拟横屏 Iphone 显示，文字的字体大小为：

字体大小：12px；行高：14px；

在真实模型上，字体大小不适用

知道这个问题来自哪里吗？我该如何解决？

干杯

Answer 1

我认为你的系列 1、2、3 和 4 没有采用这种风格。font-size: 11px; line-height: 13px;你想应用它。如果您检查您的代码，您已经为 p 标签编写了这些样式。但是您的系列 1、2、3 和 4 的文本在简单的 div 内。将该文本写入 p 标签内。