iOS版safariの「文字サイズ自動調整」がいやらしい。freefielder.jpfreefielder.jpiOS版safariの「文字サイズ自動調整」がいやらしい。16:30同じカテゴリの記事ええと、divやらspanやらに表示フォントサイズを指定してやるでしょ。iPhoneのSafari(以下MobileSafari)から、そのページにアクセスするでしょ。...と、スタイルで指定したフォントサイズと違うサイズが取得される!...という場合があります。文字サイズ自動調整機能が働くからなのですね。なったりするるのですが、いろいろ挙動を調べてみると、この自動調整機能が発動する条件がよく判らん。調整が適用される要素と適用されない要素があったりして、これもよく判らん。仕様書を読めばいいのだけれど。bodyに設定してしまいましょう。100%;}これで、CSSで指定したとおりのフォントサイズで表示されるようになります。格段にアップデートされているために、この記事のこれより後の部分の記述は現状にそぐわないものになっている可能性があります。記事内容を削除するのもアレなので、とりあえず初出時のまま残しておきます。設定した場合、デスクトップのWebkit系ブラウザで「ページの拡大/縮小」をしても、テキストのサイズが変わらなくなる。こちらの記事参照|英語...とのこと。「縮小」)、ページレイアウト自体は拡大/縮小するけれど、フォントサイズは変わらない。アクセシビリティを考慮するならば、この拡大機能を殺してしまうのは避けたほうが良いのでしょうなぁ。;</script>こんな感じかな。超手抜きのブラウザ判定ですが。古めのSafariでmargin-rightの値をgetComputedStyleで取得すると不正な値が。き】Tips:縦書きのときと横書きのときで適用するスタイルを変更する。き】h2v.js、均等割付に対応しました。「縦書き字形」のブラウザ上での表示具合はどんなもんだろう。各OSに標準でインストールされているフォントを調べる。Webページの文章を縦書きで表示するJavaScript。縦書きスタイルシート、修正。スタイルシートを切り替えながらページの見栄えをチェック。縦書き用スタイルシート、更新。WebFontsを試してみる。jQuery要らずでスクロールバーをカスタマイズするJavaScriptライブラリ・"perfect-scrollbar"。スタイルシートで矢印を描く。ヘッダ固定するとアンカーがズレる。