首先來看這張圖
左邊是 Chrome 瀏覽器
右邊是Puffin瀏覽器
我把要強調的地方用紅色框框起來
紅色框框的位置文字明顯變大了,而且很難看又醜
broswer-1
後來找出問題原來是瀏覽器Text Reflow 自動排版文字的功能所造成
在手機上閱讀應該是一種享受,而不是折磨
Text Reflow 自動排版文字 能讓行動閱讀成為一種美好經驗,但也可能是惡夢(非常爛的體驗)

接下來是要介紹如何關掉Text Reflow 自動排版文字的功能
有兩個作法,都要從瀏覽器的設定著手
1.在Puffin瀏覽器有Text Reflow 的選項,直接關掉就可以了
2.如果沒有Text Reflow 的選項,就找看看有沒有自動調整頁面的選項,把它關掉也可以
broswer-2
下圖右邊是關掉 Text Reflow 自動排版文字功能,網頁看起來好看多了
broswer-3
最後就是手機版 Chrome 瀏覽器,基本上沒辦法關掉Text Reflow 自動排版文字
所以我覺得Chrome自動排版文字的機制很爛,也就不再使用他了
ERIC1583

Tags: , , ,