V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
0x1e240
V2EX  ›  设计

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

  •  
  •   0x1e240 · 2015-02-08 22:15:35 +08:00 · 3594 次点击
    这是一个创建于 3357 天前的主题,其中的信息可能已经有所发展或是发生改变。
    用 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/
    3 条回复    2015-02-09 11:21:14 +08:00
    kawaiiushio
        1
    kawaiiushio  
       2015-02-08 23:55:11 +08:00
    用多说吧
    emric
        2
    emric  
       2015-02-09 06:07:14 +08:00   ❤️ 1
    这个算是经常遇到的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
        3
    0x1e240  
    OP
       2015-02-09 11:21:14 +08:00
    @kawaiiushio 不想用第三方的
    @emric Good Job,回答的相当nice
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   2772 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 15:36 · PVG 23:36 · LAX 08:36 · JFK 11:36
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.