在Responsive布局中,可以毫無保留的丟棄:
第一, 盡量少用無關(guān)緊要的div;
第二,不要使用內(nèi)聯(lián)元素(inline);
第三,盡量少用JS或flash;
第四,丟棄沒用的絕對定位和浮動(dòng)樣式;
第五,摒棄任何冗余結(jié)構(gòu)和不使用100%設(shè)置。
有舍才有得,丟棄了一些對Responsive有影響的東東,那么有哪些東東能幫助Responsive確定更好的布局呢?
第一,使用HTML5 Doctype和相關(guān)指南;
第二,重置好你的樣式(reset.css);
第三,一個(gè)簡單的有語義的核心布局;
第四,給重要的網(wǎng)頁元素使用簡單的技巧,比如導(dǎo)航菜單之類元素。
使用這些技巧,無非是為了保持你的HTML簡單干凈,而且在你的頁面布局中的關(guān)鍵部分(元素)不要過分的依賴現(xiàn)代技巧來實(shí)現(xiàn),比如說CSS3特效或者JS腳本。
說了這么多,怎么樣的布局或者說HTML結(jié)構(gòu)才是簡單干凈的呢?這里教大家一個(gè)快速測試的方法。你首先禁掉你頁面中所有的樣式(以及與樣式相關(guān)的信息),在瀏覽器中打開,如果你的內(nèi)容排列有序,方便閱讀,那么你的這個(gè)結(jié)構(gòu)不會(huì)差到哪里去。
請驗(yàn)證,完成請求
由于請求次數(shù)過多,請先驗(yàn)證,完成再次請求
打開微信掃碼自動(dòng)綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報(bào)