33章項目實戰(zhàn)-兼容響應式布局學習要點主講教師：本課程由北風網(wǎng)和瓢城Web提本章主要開始如果將前兩個項目再進行重構，設計成既可以PC端正常顯示PAD上瀏覽，還可以在移動端有良好的體驗。這些都必須兼容，那只有使用響應一．風景欣頭部和右側和一樣，左邊做成和首頁流體一樣即可//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:}}二．機票訂機票訂購和風景一樣，PC端移植過來即可。HTML和CSS部分不需要變動{{width://html部分直接PC端移植，完全不需要動，代碼//css部分基本不需要改動，本身就是流體//查@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