0x1e240
V2EX  ›  设计

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

  •  
  •   0x1e240 · Feb 8, 2015 · 4538 views
    This topic created in 4153 days ago, the information mentioned may be changed or developed.
    用 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 replies    2015-02-09 11:21:14 +08:00
    kawaiiushio
        1
    kawaiiushio  
       Feb 8, 2015
    用多说吧
    emric
        2
    emric  
       Feb 9, 2015   ❤️ 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
       Feb 9, 2015
    @kawaiiushio 不想用第三方的
    @emric Good Job,回答的相当nice
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   3178 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 53ms · UTC 12:32 · PVG 20:32 · LAX 05:32 · JFK 08:32
    ♥ Do have faith in what you're doing.