More than 3 years have passed since last update.

Safariの表示でフォントサイズが変わってしまう

CSS
Safari

Posted at 2021-10-20

不具合の概要

HTMLタグの::beforeに対しCSSプロパティでcontentにテキスト、font-sizeに文字サイズを指定。
Google Chromeやその他OSでは意図した通りであったが、Safari版だけフォントサイズの指定が効かず小さく(検索すると大きく表示されるケースもある様子)表示されてしまう。

対処

cssに以下を追記

css

-webkit-text-size-adjust: 100%;

参考にさせていただいた記事

スマホページだけフォントサイズ指定がうまくいかない場合

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up