Q&A
Safariでランドスケープ表示にした際、自動で文字の大きさが大きく調整されますが、
大きく表示されないときがあるようです。これはバグでしょうか？
html
1<!DOCTYPE html> 2<html> 3 <head> 4 <meta name="viewport" content="width=device-width,initial-scale=1"> 5 </head> 6 <body> 7 <h1>h1タグ</h1> 8 <h2>h2タグ</h2> 9 <h3>h3タグ</h3> 10 <h3>h3タグ2</h3> 11 <p>pタグ</p> 12 <a>aタグ</a> 13 </body> 14</html>
私が発見した条件ですと、
- 同じタグが2つ以上あると大きくなる
（上の例だと<h3>）
<p>、<a>、<div>などはひとつずつでも複数あれば大きくなる
（上の例だと<p>、<a>）
-webkit-text-size-adjust: 100%;を指定すれば直せることはわかっていますが、
大きくなる条件についてもやもやするので、わかる方がいたらお願いいたします。
回答1件
0
以下が記述としていろいろ検証されていますが
hヘッダータグとdiv p などは指定しない限りデフォルトで横幅一杯表示領域を使う
それが複数行になればという傾向なような気がします。
ブラウザのインフレーションアルゴリズムというのが動いているのはわかりますが
処理の中身まではわからないですね。
http://www.flexfirm.jp/blog/article/350
http://tech.nitoyon.com/ja/blog/2013/02/14/text-size-adjust/
https://developer.mozilla.org/en-US/docs/Web/CSS/text-size-adjust
投稿2019/03/25 15:28
総合スコア284
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。