如何創建響應式網站設計？

Question

我正在設計一個網站，我希望它能與所有屏幕分辨率一起使用。

這是我想要的示例。

http://www.fork-cms.com/

我的問題是，編寫這樣的代碼的最佳方法是什么？

我會做類似的事情嗎

if(resolution < 768px)
   //resize page and or move elements around
else if(resolution == 1080px)
   ////resize page and or move elements around

Answer 1

查看Bootstrap。 這是一個基於Twitter開發的HTML5和CSS3的框架，用於創建響應式網站。 請參閱http://getbootstrap.com/ 。

Answer 2

通常，針對行業標准截止點的CSS媒體查詢是必經之路。 引導程序是一種常見的實現方式。

Answer 3

我已經基於一些流行的系統（例如，金色網格系統和boostrap）制作了一個簡單的網格系統。 檢查一下並開始播放w / it： http : //oneillwebs.com/grid/

單擊（下載）鏈接以獲取完整版本。