亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

桌面上的響應式設計模式在實際設備上的行為不同

桌面上的響應式設計模式在實際設備上的行為不同

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

1 回答

?
一只斗牛犬

TA貢獻1784條經驗 獲得超2個贊

我發現了問題。出于某種原因,在 iPhone 中添加了填充,而不是在響應模式或其他瀏覽器中。添加 padding:0 到按鈕解決了這個問題。



查看完整回答
反對 回復 2022-12-09
  • 1 回答
  • 0 關注
  • 111 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號