我有一個令人沮喪的 CSS 問題。我正在構建一個單頁 JS 地圖應用程序,并試圖跨瀏覽器/設備同步樣式。我認為我在 Safari/Firefox 中使用響應式設計模式做得很成功。當我在瀏覽器模擬器中在 iPad/Galaxy/iPhone/桌面之間切換時,它對我來說看起來是一樣的。然而,當我在手機上用 Firefox/Safari 實際打開頁面時,它看起來并不一樣。具體來說,?按鈕比它下面的其余按鈕寬。我特別在 CSS 中將 width 屬性顯式設置為 40 像素。這里發生了什么?為什么是?按鈕更寬?以下是我的意思的一些截圖:桌面桌面/響應模式 iPad桌面/響應模式 iPhone我的真實 iPhone我嘗試使用遠程調試連接我的手機,但我真的不知道如何在不可視化實際手機屏幕的情況下使用它,所以我看不到我正在編輯的內容。有人有想法么?
桌面上的響應式設計模式在實際設備上的行為不同
森欄
2022-12-09 15:06:29