IFE-任务十一:移动Web页面布局实践 任务目的 进行移动开发时的HTML及CSS实践 掌握移动Web开发在页面架构和布局的方法及差异性 掌握移动Web开发页面调试的方法 任务描述 实现与设计图(点击查看) 一致的移动端Web页面 任务注意事项 本任务只涉及 HTML 及 CSS 实现的页面和设计图在iOS Safari,微信,Android浏览器中均基本一致 HTML 及 CSS 代码结构清晰、规范 尝试在适合的地方使用CSS 3中的flex布局 有能力的同学可以在实现一遍后尝试用less, sass或者stylus等再实现一次 在线学习参考资料 MDN:手机网页开发 MDN:在移动浏览器中使用viewport元标签控制布局 移动前端开发和 Web 前端开发的区别是什么 Alloyteam移动开发规范概述 手机/移动前端开发需要注意的20个要点 w3cplus响应式技术资源 浅谈移动Web开发 Alloyteam Mars 移动WEB开发入门 移动开发资源集合 The Mobile Web Handbook MobileWeb 适配总结 移动前端不得不了解的html5 head 头标签