リクエスト広場

横並びプレビュー時フォントサイズがおかしい / 1

3 コメント
views
4 フォロー
1
ハムスター 2022/08/08 (月) 00:30:28 c73c0@e8607

これはデバイスに合わせて文字を見やすくするための仕様なのではないでしょうか。
昨年の5月頃にwikiwikiはレスポンシブデザインになりましたが、
それ以前の「PC向け」と「スマホ向け」でデザインが異なっていた頃から、このような仕様でした。
たとえば、wikiの基本文字サイズが12pxに設定されている場合、
「PC向けデザイン」ではそのまま12pxで表示され、「スマホ向けデザイン」では13pxで表示されていました。

「スマホ向けデザイン」が廃止され、レスポンシブデザインになった現在はどうなってるのかというと、
モニタの横幅が一定以下になると、wikiのメニューバーなどの配置が、スマホ・タブレット向けの表示に切り替わり、
wikiの基本文字サイズが12pxに設定されていても、以前の「スマホ向けデザイン」のように13pxで表示されます。

たとえば、FirefoxでもChromeでもどちらでもいいですが、ブラウザのウィンドウの横幅をマウスでドラッグして調整してみてください。
横幅が一定以下になると、左側にあるメニューバーが下側に配置され、スマホ・タブレット向けの表示になるはずです。
この表示に切り替わったとき、フォントの大きさに注目してください。13pxになってるはずです。
※wikiの基本文字サイズとは別に、フォントサイズを指定した場合は、表示が切り替わっても指定したサイズが維持されます。

つまり、質問の「横並びプレビューでは13pxで表示される」のは、
表示領域の横幅が足りないため、スマホ・タブレット向けの表示でプレビューされているということです。
このような仕様になってるようなので、表などを作った場合は「スマホやタブレットのユーザーにはどんな風に見えるのか」なども意識するといいと思います。
フォントが大きくなると意図しない改行などがある場合がありますから。

通報 ...
要望は具体的な提案や理由を書いて下さい。
×