[請益] 手機閱讀同一網頁,某些字會莫名放大

看板Web_Design作者 (此方不可長)時間1年前 (2022/06/28 12:46), 1年前編輯推噓2(202)
留言4則, 3人參與, 1年前最新討論串1/1
最近遇到一個很奇怪的狀況 自己寫的一個網頁, 用PC瀏覽器開都正常 用手機瀏覽器開, 某些DIV內的字, 如果從14px設成16px, 會變的超級大, 直接大個好幾倍的程度 然後更奇怪的是, 如果設成16px, 網頁下方無關的div, 也會受到波及變大。 轉橫向閱讀後, 這個狀況就會大幅好轉。 這在 Chrome 與 Firefox 都有遇到, 而 Opera 沒有。 不知道有沒有人知道這該怎麼解決? 或是有沒有推薦的手機html編輯軟體, 直接重新編輯看看。 -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 36.226.161.16 (臺灣) ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1656391573.A.418.html

06/28 12:59, 1年前 , 1F
css @media吧,簡單的做法是在電腦上把視窗寬度拉窄看看
06/28 12:59, 1F
最後搞定的方式是 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"> 給各位參考 ※ 編輯: wahaha99 (36.226.161.16 臺灣), 06/28/2022 16:14:30

06/28 17:13, 1年前 , 2F
 
06/28 17:13, 2F

08/11 07:07, 1年前 , 3F
字體用rem試試看吧~
08/11 07:07, 3F

08/11 07:08, 1年前 , 4F
謝謝分享
08/11 07:08, 4F
文章代碼(AID): #1YkeULGO (Web_Design)