網(wǎng)站制作NEWS
響應(yīng)式網(wǎng)頁設(shè)計怎么學(xué)習(xí) 怎么提高學(xué)習(xí)效率
響應(yīng)式我是幾天就學(xué)會的,在這之前只會基本的網(wǎng)頁制作,而且還不怎么會處理瀏覽器兼容。
在制作響應(yīng)式網(wǎng)頁直接,你只需要明確一個要點(diǎn),就是設(shè)計網(wǎng)頁布局的時候千萬別凌亂,而且要相對嚴(yán)格的控制盒子的位置。
響應(yīng)式網(wǎng)頁我一般的布局是由上至下一個盒子一個盒子的慢慢堆下來,盒子里面再從左至右擺放,嚴(yán)格控制高度寬度不出現(xiàn)超出和錯位。這樣可以最大避免在進(jìn)行響應(yīng)式處理的時候出現(xiàn)各種問題,增加代碼量,代碼的精簡和最開始從布局入手直接決定后面的進(jìn)展,也是最關(guān)鍵的地方。
其次就是css3各種屬性的使用,其實(shí)響應(yīng)式不一定非得h5,主要起作用的就是css3的新支持,對于我的經(jīng)驗(yàn)而言,本質(zhì)上說要兼容IE8,用html4比較好。在css3中對于屏幕分辨率的判斷(具體代碼你可以百度),基本決定了響應(yīng)式的一切,其實(shí)bootstrap的柵格布局就是很好的參考,不同分辨率下不斷減小的div寬度,和自動跟隨內(nèi)容增長的盒子高度,都是很好的借鑒。
同時響應(yīng)式也需要一些js的基礎(chǔ),對于屏幕分辨率的監(jiān)控,我現(xiàn)在對于兼容問題就完全靠js來解決了。
上述這么多就是個人經(jīng)驗(yàn)的簡述,其實(shí)關(guān)鍵是html的基礎(chǔ)決定了一切,只要做多了實(shí)際項(xiàng)目,你的思路就會變得非常明確。
我當(dāng)時是怎么學(xué)會的呢?答案是公司逼的,學(xué)不會響應(yīng)式就可能過不了考核期,于是自己短短四天就做項(xiàng)目學(xué)會了,最明顯的感覺就是,只要項(xiàng)目做多了,甚至是研究其它網(wǎng)頁的代碼,都可以感覺到其中的規(guī)律。
多重隨機(jī)標(biāo)簽