参考文稿说明

33章项目实战-兼容响应式布局学习要点主讲教师：本课程由北风网和瓢城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