隨行筆記: 3月 2020

2020年3月11日星期三

RWD(Responsive Web Design) 設計常用斷點

覺得這個之後會常用，總之先記錄起來。

@media screen and (max-width: 1200px) { }

@media screen and (max-width: 992px) { }

@media screen and (max-width: 768px) { }

@media screen and (max-width: 680px) { }

@media screen and (max-width: 480px) { }

@media screen and (max-width: 320px) { }

別忘了要在 <head> 裡加上

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

訂閱：文章 (Atom)