Responsive布局技巧

在實際制作中還是有一些Responsive布局技巧的：

第一， 盡量少用無關緊要的div；

第二，不要使用内聯元素（inline）；

第三，盡量少用JS或flash；

第四，丟棄沒用的絕對定位和浮動樣式；

第五，摒棄任何冗餘結構和不使用100%設置。

能幫助Responsive確定更好的布局技巧：

第一，使用HTML5 Doctype和相關指南；

第二，重置好你的樣式（reset.css）；

第三，一個簡單的有語義的核心布局；

第四，給重要的網頁元素使用簡單的技巧，比如導航菜單之類元素。

使用這些技巧，無非是爲了保持你的HTML簡單干淨，而且在你的頁面布局中的關鍵部分（元素）不要過分的依賴現代技巧來實現，比如說CSS3特效或者JS腳本。

怎麽樣的布局或HTML結構才是簡單干淨的呢？這裡教大家一個快速測試的方法。你首先禁掉你頁面中所有的樣式（以及與樣式相關的信息），在瀏覽器中打開，如果你的内容排列有序，方便閲讀，那麽你的這個結構不會差到哪裡去。