在我的 Android 手機上，有個選項可以放大縮小字體。為了看得更清楚，所以我都選「大」而不是「預設」，此時我做的網頁就跑版了。 
<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1699929793916/ca8935d1-e313-45b3-aa02-17a47e40eb6e.png" alt class="image--center mx-auto" />
為了要 debug, 要在 chrome, firefox 模擬器重現的方法，找了半天發現 font 選項在以下截圖：
Chrome:
<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1699923979665/e91407e3-ad9d-4e16-970b-33058922f781.png" alt class="image--center mx-auto" />
Firefox:
<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1699924055339/03ea940f-d3e0-4edb-805e-4ceaad23fe4e.png" alt class="image--center mx-auto" />
Brave:
<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1699924007663/df205d72-5aab-434b-a2e6-a6c9f4946df4.png" alt class="image--center mx-auto" />

在我的 Android 手機上，有個選項可以放大縮小字體。為了看得更清楚，所以我都選「大」而不是「預設」，此時我做的網頁就跑版了。  

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1699929793916/ca8935d1-e313-45b3-aa02-17a47e40eb6e.png align="center")

  
  
為了要 debug, 要在 chrome, firefox 模擬器重現的方法，找了半天發現 font 選項在以下截圖：

Chrome:

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1699923979665/e91407e3-ad9d-4e16-970b-33058922f781.png align="center")

Firefox:

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1699924055339/03ea940f-d3e0-4edb-805e-4ceaad23fe4e.png align="center")

Brave:

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1699924007663/df205d72-5aab-434b-a2e6-a6c9f4946df4.png align="center")

調整 browser font 測試網頁是否跑版