作者wahaha99 (此方不可長)
看板Web_Design
標題[請益] 手機閱讀同一網頁,某些字會莫名放大
時間Tue Jun 28 12:46:10 2022
最近遇到一個很奇怪的狀況
自己寫的一個網頁,
用PC瀏覽器開都正常
用手機瀏覽器開,
某些DIV內的字,
如果從14px設成16px,
會變的超級大, 直接大個好幾倍的程度
然後更奇怪的是,
如果設成16px, 網頁下方無關的div,
也會受到波及變大。
轉橫向閱讀後, 這個狀況就會大幅好轉。
這在 Chrome 與 Firefox 都有遇到,
而 Opera 沒有。
不知道有沒有人知道這該怎麼解決?
或是有沒有推薦的手機html編輯軟體,
直接重新編輯看看。
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 36.226.161.16 (臺灣)
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Web_Design/M.1656391573.A.418.html
1F：推 nottt: css @media吧，簡單的做法是在電腦上把視窗寬度拉窄看看 06/28 12:59
最後搞定的方式是
<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
2F：推 zero11995: 06/28 17:13
3F：→ MDay56: 字體用rem試試看吧～ 08/11 07:07
4F：→ MDay56: 謝謝分享 08/11 07:08