WordPress 评论框在 Retina 的屏幕上显示有问题

[0x1e240]

用 iPhone 5S （iOS 7）访问的时候遇到了一个问题

竖屏访问的时候如下图↓↓↓


横屏访问的时候如下图↓↓↓


横屏访问的时候，字体都变大了（包括正文的字体），但是[姓名*]和[电子邮件*]的字体都没有变化。但是在已横屏的状态下刷新一下页面，字体就会变得和竖屏的时候一样大（正常大小）。

已知导致[姓名*]和[电子邮件*]不变化的原因是CSS的样式 { width: 48%; float: left; }

这个是个什么情况？如何在第一次横屏的时候，让字体都变大或者都不变化？

————————————————————————————————————
字体大小变化请查看大图
示例网站： http://demo.alxmedia.se/anew/2013/08/04/get-out-in-nature-to-breathe-and-relax/

[kawaiiushio]

用多说吧

[emric]

这个算是经常遇到的BUG, 下面 CSS 的兼容了缩放和浏览器.

```
html {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
```

https://developer.mozilla.org/en-US/docs/Web/CSS/text-size-adjust

[0x1e240]

@kawaiiushio 不想用第三方的
@emric Good Job，回答的相当nice