Windows 系統使用瀏覽器在 RWD 斷點無法該裝置呈現斷點效果,該怎麼辦?

Codepen 測試

我的電腦是 Windows 11 的版本,而我的電腦 ( Chrome、Firefox、Windows Edge ) 瀏覽器們的 DevTools 皆在 992px 斷點時乖乖從三排區塊文字變成兩排區塊文字,但是在斷點 767px 時發生問題,它會變成在 766px 才會從兩排區塊文字變成滿版的區塊文字 ,奇怪的是其他人在同一份資料 ( VScode、Codepen ) 操作的情況下是可以在 767px 的斷點時乖乖變成滿版區塊文字。

操作影片:
影片一

影片二

解決方法:

將斷點 767px 改成 767.99px 畫面即可在該斷點成功呈現想要的效果

參考文獻

成功後的畫面效果
影片二

解決方法:

將斷點 767px 改成 767.99px 畫面即可在該斷點成功呈現想要的效果

參考文獻

成功後的畫面效果