隨著移動端用戶的增加，我們希望設計出來的網頁能同時使用PC和移動端設備，同一個網頁增對不同的設備顯示效果也不一樣，這時需要用到響應式設計。這里我先介紹一下流式網格系統。如果了解過 Bootstrap和Foundation框架的讀者就能發現這兩個框架都提供了獨特的網格系統。但是我們一般不會只為了使用網格系統而引入某一個框架，因此這里介紹一下如何根據自己需求設計一個流式網格系統。

為了網頁能根據設備自由縮放，在 /</head> 元素中添加以下 /</meta> 標簽:

發表評論 共有條評論 用戶名: 密碼: 驗證碼: 匿名發表