2020-07-18

Bootstrap 為何在手機沒套用 RWD?

今天自己做了件蠢事,花了一小時在查為什麼在電腦正常顯示的 RWD 效果 (Google 對 RWD 的說明),真的用自己的手機看卻沒作用(排版還是跟電腦版的相同)?但明明在電腦刻意調整瀏覽器寬度至最小,排版有變化,代表 <body> 內的程式沒問題。Well...原來在標頭忘記加一段關鍵程式碼,如下:

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 

加上去就一切 OK 了!因為粗心浪費一小時覺得懊惱 😤

請我喝杯咖啡吧 ^^

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

PeiYing Tsai
author
愛藝術,喜歡以科技解決問題的數位產品設計師。 堅持信念,任何困難事,必有搞定的一天,Just try it! 隨手紀錄日常學習到的知識心得,希望對妳/你有幫助。
coffee-cup linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram