0

在我的页面http://www.somersetsights.co.za/en/index.html我有 4 div (div.service) 宽度的文本。前三个 div 的宽度为 256px。4 号 div 的宽度为 900 像素（内联样式宽度：自动）。

当我在 iMac 和 iPad 上显示页面时，所有 4 个 div 都具有相同的文本大小和文本样式。在我的 iPhone 上，第 4 个 div 的文本与前三个 div 的文本大小和样式不同。

当我用 256px 定义 4 号 div 的宽度时，文本大小和样式与其他三个 div 相同。一旦宽度回到 900 像素，文本大小和样式就会发生变化。正如我所说，这只发生在我的 iPhone 上。不在我的 iPad 和 iMac 上。

当我增加 div 宽度时，我该怎么做才能避免文本大小和样式发生变化？

4

1 回答 1

0

我无法使用 Chrome 开发工具模拟这种情况，但是当我尝试从 iPhone 模拟器访问您的网站时，我实际上可以看到问题所在。

但我想那是因为 CSS；在style.css第 18 行，您声明font-size: 100%;，并且此声明传播到您的div.service.

可能当您覆盖 的宽度时，会div相应地计算字体的大小。行为上的差异可能是由于 Safari 中的错误或仅仅是因为 iOS 屏幕的不同属性（比例因子、方向、桌面的虚拟大小......）。

尝试用font-size: 100%;其他尺寸替换，例如12px或em可能。那么字体大小不应该再受div宽度的影响了。

于 2013-10-06T13:15:33.840 回答