bootstrap響應(yīng)式布局 如何制作響應(yīng)式網(wǎng)站?
如何制作響應(yīng)式網(wǎng)站?HTML5制作響應(yīng)式網(wǎng)頁(yè),首先需要考慮是全平臺(tái)適配還是只是移動(dòng)端適配。這里以移動(dòng)端響應(yīng)式網(wǎng)站為例,講述如何制作響應(yīng)式網(wǎng)頁(yè)。1、選定基本設(shè)計(jì)尺寸,一般以1080為基準(zhǔn)。確定響應(yīng)式we
如何制作響應(yīng)式網(wǎng)站?
HTML5制作響應(yīng)式網(wǎng)頁(yè),首先需要考慮是全平臺(tái)適配還是只是移動(dòng)端適配。這里以移動(dòng)端響應(yīng)式網(wǎng)站為例,講述如何制作響應(yīng)式網(wǎng)頁(yè)。
1、選定基本設(shè)計(jì)尺寸,一般以1080為基準(zhǔn)。確定響應(yīng)式web設(shè)計(jì)的應(yīng)用場(chǎng)景之后,和美工(或設(shè)計(jì)師)溝通,之前,一般需要美工出幾套主流移動(dòng)設(shè)備屏幕分辨率的設(shè)計(jì)圖,現(xiàn)在,使用流式布局以及rem等可以使用一套設(shè)計(jì)圖,以最常用的移動(dòng)設(shè)備屏幕分辨率為基準(zhǔn)。
2、當(dāng)美工完成設(shè)計(jì)圖之后,前端工程師的工作就開(kāi)始了。這時(shí)你就可以使用PS或是FW進(jìn)行切圖了。一般說(shuō)來(lái),F(xiàn)ireworkscs6切圖更快,但是Fireworks有時(shí)會(huì)有圖片失真的情況發(fā)生,所以,有時(shí)需要使用PS進(jìn)行配合,PS有切片工具可以專(zhuān)門(mén)用來(lái)切圖。
響應(yīng)式網(wǎng)站是什么?
謝邀請(qǐng),響應(yīng)式網(wǎng)站通俗點(diǎn)講,就是頁(yè)面的設(shè)計(jì)與開(kāi)發(fā),包括屏幕定向、尺寸大小等的進(jìn)行響應(yīng)調(diào)整,就是用戶(hù)在使用電腦手機(jī)時(shí)可以自動(dòng)調(diào)整分辨率、圖片尺寸和腳本功能等。這是一種理念設(shè)計(jì)布局,集中創(chuàng)建頁(yè)面圖片大小排版,可以智能為用戶(hù)習(xí)慣及設(shè)備進(jìn)行排版。