我常用的方法
這作法雖有違背行動優先的概念,但我實務上遇到比較多還是先做電腦版,再依照電腦版樣式改成手機版本,概念歸概念,能能解決問題的就是好方法,提供大家參考
行動優先-響應式斷點
介紹完我常用的斷點,也介紹一下比較正規的做法,下列這就是行動優先下的響應式斷點,先決定手機版樣式,再針對平板或電腦的樣式進行調整
https://getbootstrap.com/docs/4.3/layout/overview/#responsive-breakpoints
Bootstrap 4 – RWD Layout
這是Bootstrap定義的斷點
https://getbootstrap.com/docs/4.3/layout/overview/#responsive-breakpoints
WordPress Elementor CSS breakpoint
Refrence: https://v123.tw/wordpress-elementor-css-breakpoint/
[……]