[網頁,前端]網頁在手機上跑版,文字變超大

有天老闆跑來跟我說他用手機看網站跑版
文字都切到,很奇怪

我看了也是大驚,不僅文字切到,許多文字也都變超大size
後來找各種同事開該網站也都沒有這種問題
到底是為什麼拉~lol
只好摸摸鼻子說我再查一下

老闆的手機顯示網頁是這副模樣,而且是老闆限定(被陰了)

網頁在手機上跑版,文字變超大的奇怪bug

問題:

andriod手機,文字大小跑掉(跑版),而且是個案不是所有的手機

解決方法:

去"該隻"手機的chrome瀏覽器的設定去做調整
問題就解決了(聽起來很簡單也是讓我煩惱了一陣子R)

 步驟

路徑:手機板的chrome瀏覽器打開>>選項>>設定>>協助工具
文字大小調整成100%
如果調整成其他百分比,沒有另外寫class指定文字大小的文字就會自動放大或縮小
(如寫在底層body統一做設定的那一種)

以上

所以有人手機文字大小跑版的話,要確認看看是不是手機設定的問題呢
不然找前端debug也de不出東西啊qwq

其他參考

使用關鍵字

run version mobile chrome font size

參考網站

沒有留言:

Instagram