スーパーロボット大戦Wiki:BBS/2022 の話題

昨日の研究を続けた結果として結論は以下です。

「-webkit-text-size-adjust」とは、ブラウザがテキストが小さすぎて閲覧し辛いと思った場合にこういう比例で文字を拡張させるという属性ですが、何故かSafariの「デスクトップ閲覧」にて、この属性が未設置（デフォルト値）の場合のみrubyだけが対象外とされ、拡張されない。175%以上画面を拡大すると、rubyの当て字部分が通常のテキストと同じサイズになります。

「-webkit-text-size-adjust」150%の場合、Safariの「デスクトップ閲覧」にて、当て字も画面を拡大しなくても通常のテキストと同じサイズに拡張しますが、画面を拡大すると、当て字は更に拡張され、逆に通常のテキストよりも大きくなってしまう。しかも、Safariの「通常閲覧」及びSafari以外のブラウザによる閲覧だと、当て字が常時に大きくなってしまう。「-webkit-text-size-adjust」を150%にしてもただの「workaround」（直接解決していないがとにかく予想通りに働いさせた解決策とのこと）であり、Safariの「デスクトップ閲覧」以外のスマホ閲覧法に影響が出るため、不採用にしたい。

例え振り仮名が存在せず、ただの当て字だとしても、上記の表現に変わりません。しかもcss属性をどう弄ってもSafariは「-webkit-text-size-adjust」以外のcss属性に聞く耳無しということにより、それ以外の「workaround」すらできまい。

本サイトだけではなく、rubyタグを使用した別のサイトでも同じような問題があります。 https://yugioh-wiki.net/index.php?%A1%D4%CE%B5%CB%E2%BF%CD%20%A5%AD%A5%F3%A5%B0%A5%C9%A5%E9%A5%B0%A1%BC%A5%F3%A1%D5 リンク先のページをご覧ください。少なくとも私から見れば何処のルビでも当て字ごと小さくなっています。

もう一つの解決策として、ページ全体に「-webkit-text-size-adjust: 100%」属性を付与するとのこと。どのブラウザでも勝手に文字を引き上がれなくなります。しかし、あなたから見たページでは文字が全体的に縮小してしまい、更に副作用の大きい「workaround」と見なすべき。

仕方ない結論ですが、当て字が小さくなるのはSafariの「デスクトップ閲覧」だけに存在するバグです。rubyに何の問題もございません。こっちから手を出すのに届きません。私は専門のフロントエンド開発者ではありませんが、いつでもSafariの方が他のブラウザと表示が違うということはもう聞き慣れています。通常閲覧に切り替えるか、他のブラウザを使用するのを推奨します。