[解決済み] Safari (iPhone)で一部のフォントサイズが大きく表示される。
2022-05-13 06:02:29
質問
Safari/iPhone が一部の font-size 設定を無視する CSS またはその他の理由はありますか。私の特定のウェブサイトでは、iPhone の Safari は一部の font-size:13px のテキストを font-size:15px のテキストよりも大きく表示します。おそらく、いくつかの要素でフォントサイズをサポートしていないのでしょうか?
どのように解決するのですか?
Joe の回答にはいくつかの良いベスト プラクティスが含まれていますが、あなたが説明されている問題は、テキストが小さすぎると判断した場合にモバイル Safari が自動的にテキストを拡大縮小するという事実が中心になっていると思われます。これを回避するには、CSS プロパティの
-webkit-text-size-adjust
. これを本文に適用する方法のサンプルは、iPhone用だけです。
@media screen and (max-device-width: 480px){
body{
-webkit-text-size-adjust: none;
}
}
関連
-
[CSSチュートリアル】CSSで2カラムレイアウトを実現するN種類のメソッド
-
[CSSチュートリアル】CSSで炎のエフェクトを記述する方法
-
[CSSチュートリアル】擬似要素で実現する中空三角矢印とXアイコンの例
-
[css3]赤いパケットのジッター効果を実現するCSS3
-
[CSSチュートリアル]テーブル table :nth-child()を使って行間の色変更と整列を実現する。
-
[解決済み] コンテナの幅に応じたフォントの拡大縮小
-
[解決済み] CSS 100% height と padding/margin の関係
-
[解決済み] なぜブラウザはCSSセレクタを右から左へマッチングさせるのですか?
-
[解決済み] フレックスアイテムがコンテンツサイズ以上に縮小されないのはなぜですか?
-
[解決済み] iPhone/Safariの入力要素の丸め機能をオフにする
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[CSSチュートリアル】resizeで画像のプレビューを切り替える方法
-
[CSSチュートリアル】CSS3Animationで実現する簡単な指のクリックアニメーションの例
-
[CSSチュートリアル】CSSのfloatとunfloatについて
-
[CSSチュートリアル】波動効果を生み出すCSSのアイデア
-
[css3]css3は、3つの方法のサンプルコードのテキストの点滅効果を達成するために
-
[CSSチュートリアル】カラフルで知的なシャドウ効果を実現するCSS
-
[css3]CSS3アニメーションによる光のボタンの流れの効果
-
[ブラウザ互換性チュートリアル]IE9でのネイティブページの互換性問題の解決方法について
-
[CSSチュートリアル】CSSでマウスの位置をマッピングし、マウスの動きでページ要素を制御する効果を実現する(コード例)
-
[CSSチュートリアル】CSS複合セレクタの具体的な使用方法