iPhone變焦沒有放大菜單按鈕中的文字

當我在iPhone上查看我的頁面時，我看到頁面處於縮小模式。這很好，並且所有尺寸都適合對方的盒子等。iPhone變焦沒有放大菜單按鈕中的文字

但是不是文字。與此縮放視圖上的其他尺寸相比，文字大小更大。

這對於頁面上的文本內容是可以的。然後，閱讀手機上的文字將變得更加容易，並且內容文本不是固定的，而是漂浮並適合容器。

但是，頁面上主菜單中按鈕上的文字也沒有按相同百分比縮小。這裏有一個問題 - 主菜單欄突然變寬，因爲所有其他東西都縮小了。

我的菜單寬度不固定，但適合文本寬度。所以當文字寬度突然比平時大時，菜單欄也比平常寬。

我不能給一個屏幕截圖，但我希望這是一個已知的問題。作爲一個例子來看看這個模擬器（它似乎顯示問題，因爲在iPhone上）： http://transmog.net/iphone-simulator/mobile-web-browser-emulator.php?u=http://w3schools.com#

和比較正常的網站：http://w3schools.com/

這個網站也有這樣的問題，例如菜單在頁面右側。

來源

2013-04-09 Steeven

Mabye text-size-adjust可以幫到你。

.css { 
    -webkit-text-size-adjust: none; 
    -moz-text-size-adjust: none; 
    -ms-text-size-adjust:  none; 
    text-size-adjust:   none; 
}

這將允許您的文本小於您的手機瀏覽器允許的默認值。

注意：在真正的手機上進行測試，因爲「基於Webkit的桌面瀏覽器存在缺陷。如果-webkit-text-size-adjust顯式設置爲none，基於Webkit的桌面瀏覽器（如Chrome或Safari），而不是忽略的財產，將阻止用戶或縮小網頁縮放」

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

來源

2013-04-09 13:28:32 Johan

如果我設置爲所有的頁面上，頁面沒有縮小的。難道我不能讓文本大小與其餘部分具有相同的縮放量，而不是刪除所有縮放嗎？ – Steeven 2013-04-09 13:33:37

你在真實的手機上測試過它嗎？「基於Webkit的桌面瀏覽器存在一個bug，如果-webkit-text-size-adjust顯式設置爲none，那麼基於Webkit的桌面瀏覽器（如Chrome或Safari）不會忽略該屬性，將會阻止用戶縮放進出網頁「 – Johan 2013-04-09 13:35:21

謝謝，我會檢查一個真正的iPhone ... – Steeven 2013-04-09 13:35:59

iPhone變焦沒有放大菜單按鈕中的文字

回答

相關問題