响应式设计,智能手机景观问题

时间:2013-09-19 13:38:59

标签: css responsive-design

我正在构建一个响应式网站,当我调整窗口大小时,该网站在桌面上运行良好。但是,当我在“真正的”智能手机版(iphone 5,iphone 4)上进行测试时,不会应用某些字体大小。

注意:肖像版本运行良好

以下是一个示例:WEBSITE

如果您打开浏览器以模拟横向Iphone显示,则文本的字体大小为:

font-size:12px; line-height:14px;

在真实型号上,字体大小未适用

知道这个问题可以从何而来? 我该如何解决?

干杯

1 个答案:

答案 0 :(得分:2)

我认为你的系列1,2,3和4没有采用这些风格。要在其上应用的font-size: 11px; line-height: 13px;。如果你检查你的代码,你已经为p标签写了这些样式。但是系列1,2,3和4的文本都在简单的div中。在p标签内写下该文本。