33章項(xiàng)目實(shí)戰(zhàn)-兼容響應(yīng)式布局學(xué)習(xí)要點(diǎn)主講教師：本課程由北風(fēng)網(wǎng)和瓢城Web提本章主要開始如果將前兩個(gè)項(xiàng)目再進(jìn)行重構(gòu)，設(shè)計(jì)成既可以PC端正常顯示PAD上瀏覽，還可以在移動(dòng)端有良好的體驗(yàn)。這些都必須兼容，那只有使用響應(yīng)一．風(fēng)景欣頭部和右側(cè)和一樣，左邊做成和首頁流體一樣即可//html部分直接移植PC端即//css部.sceneryfigureborder:1pxsolid#ddd;display:block;padding:4px;width:32.6%;margin:15px5px15px0;text-align:left;float:left;}//查@media(min-width:480px)and(max-width:767px).scenery{width:}}@media(max-width:479px).scenery{width:}}二．機(jī)票訂機(jī)票訂購和風(fēng)景一樣，PC端移植過來即可。HTML和CSS部分不需要變動(dòng){{width://html部分直接PC端移植，完全不需要?jiǎng)樱a//css部分基本不需要改動(dòng)，本身就是流體//查@media(min-width:768px)and(max-width:991px).ticket.form{width:98%;height:35px;margin:0;}.ticket{width:98%;}.ticket{width:98%;}.ticket{width:98%;}.ticket.form{line-}.ticket{display:block;width:30%;height:auto;line-height:2;top:10px;margin:0}}@media(min-width:480px)and(max-width:767px).ticket.form{width:98%;height:35px;margin:0;}.ticketdisplay:}.ticket{width:98%;}.ticket{width:98%;}.ticket.form{line-}.ticket{display:block;width:30%;height:auto;line-height:2;top:10px;margin:0}.ticket.type,.ticket.form,.ticket.new,.ticket.forminput,.ticket.submit,.ticket.reserve{font-size:}}@media(max-width:479px).ticket.form{width:98%;height:35px;margin:0;}.ticket{width:98%;}.ticket{width:98%;}.ticketdisplay:}.ticket.form{line-}.ticket{display:block;width:30%;height:auto;line-height:2;top:10px;margin:0}.ticket{display:inline-block;width:auto;height:auto;padding:8px;}.ticket.type,.ticket.form,.ticket.new,.ticket.forminput,.tic