在我的页面http://www.somersetsights.co.za/en/index.html上，我有4个div（div.service）宽度文本。前三个div的宽度为256px。 Div编号4的宽度为900px（内联样式宽度：自动）。
当我在iMac和iPad上显示我的页面时，所有4个div都具有相同的文本大小和文本样式。在我的iPhone上，div 4的文本具有与前三个div不同的文本大小和样式。
当我用256px定义div编号4的宽度时，文本大小和样式与其他三个div中的相同。一旦宽度恢复到900px文本大小，样式就会发生变化。正如我所说，这只发生在我的iPhone上。不在我的iPad和我的iMac上。
当我增加div宽度时，我该怎么做以避免文本大小和样式更改？
答案 0 :(得分：0)
我无法使用Chrome开发工具模拟情况，但当我尝试从iPhone模拟器访问您的网站时，我实际上可以看到问题。
但我猜这是因为CSS;在style.css第18行，您声明font-size: 100%;，此声明会传播到div.service中的文字。
当您覆盖div的宽度时，可能会相应地计算字体的大小。行为上的差异可能是由于Safari中的错误或仅仅是因为iOS屏幕的不同属性（比例因子，方向，桌面的虚拟大小......）。
尝试将font-size: 100%;替换为其他尺寸，例如12px或em。然后字体大小不再受div宽度的影响。