CSS：在iPhone上禁用字體大小的自動縮放

Question

正如解釋在這里，蘋果iPhone（即Safari瀏覽器）重新調整字體大小時，視口的變化（即從縱向到橫向或反之亦然）。

對於該問題的公認答案是，為了禁用此行為，應添加：

-webkit-text-size-adjust：無；

（注意：在其他帖子中，我也看到了“ 100％”而不是“無”，這可能是更好的選擇，但是區別似乎在這里無關緊要。）

因此，我的主要問題是，為什么當我在iPhone上查看以下HTML測試文件時，與縱向視圖相比，固定大小的字體在橫向上仍呈現更大的字體：

 <!doctype html> <html> <head> <meta charset="utf-8"> <title>Untitled Document</title> <style> p { font-size:24px; -webkit-text-size-adjust:none; } </style> </head> <body> <p>This is an example text</p> </body> </html>

但是，我也想讓它確認Apple iPhone（可能還有其他Apple設備）是唯一顯示這種（對我來說，很煩人）行為的設備...是真的嗎？

順便說一句，我覺得很煩，因為如果我的網站（即字體大小）在其他移動設備上的呈現方式有所不同（並且我不完全信任在線模擬器），則無法在iPhone上正確測試。

謝謝。

Answer 1

看來這個解決方案是正確的..但是據Mozilla稱，它仍然是實驗性的。

這些是您可以嘗試使用的所有值，但是開發人員仍在努力使移動算法正確無誤。 也許其他值之一會更適合您。

/* Text is never inflated */
text-size-adjust: none;

/* Text may be inflated */
text-size-adjust: auto;

/* Text may be inflated in this exact proportion */
text-size-adjust: 80%;

/* Global values */
text-size-adjust: inherit;
text-size-adjust: initial;
text-size-adjust: unset;

您可以在這里找到更多信息。

https://developer.mozilla.org/en-US/docs/Web/CSS/text-size-adjust

CSS：在iPhone上禁用字體大小的自動縮放

問題描述

1 個解決方案

解決方案1
1 2016-01-18 18:23:45

CSS：在iPhone上禁用字體大小的自動縮放

問題描述

1 個解決方案

解決方案1 1 2016-01-18 18:23:45

解決方案1
1 2016-01-18 18:23:45