项目名称:响应式金融网站开发

项目描述：

• 本网站针对理财产品进行页面开发，通过展示不同的理财产品，并给出相应的理财策略，并提供相应产品的选购，来为用户提供一个优秀的购买渠道

项目实现:

• 根据三份设计图（移动端，iPad端，PC端）
• 使用媒体查询和断点的操作
• 采用优雅降级的原则,设计网站的布局
• 使用一套代码根据浏览器宽度不同的情况下显示对应的页面排版，同时不影响用户的体验

技术栈:

• HTML CSS javascript

学到的知识

了解了响应式设计的实现原则和基础

• 渐进增强和优雅降级的概念
• 根据项目面对的人群选择以PC端为主还是移动端为主
• 通过媒体查询和断点制定基本布局

CSS3的一些知识回顾

• 重温了CSS3的一些简单的选择器
• 媒体查询
• 一些浮动的处理方法