byr-gdp / wentiniao Goto Github PK

地址：http://byr-gdp.github.io/wentiniao

请按照以下要点制作一个站点的主页（内容不限），并在下周一（4月27日）之前完成：

1. 在Github上新建一个Repository
2. 页面符合响应式布局
3. 页面实现滚动视差
4. 利用Github Pages服务部署在互联网上

1. 完成时间：一天（2015年4月26日），基于Windows平台下Chrome。
2. 响应式布局体现在12分栏md和sm的使用上，两处地方用到了媒介查询。
3. 滚动视差未借助框架，原理主要参考腾讯前端AlloyTeam团队Blog视察滚动的爱情故事，实现背景相对页面固定而不跟内容滚动。收集若干框架，今后尝试。
4. Chrome模拟移动设备效果不错，但具体移动设备访问效果不佳。在iOS上Safari和其他浏览器访问有一些问题，具体表现在滚动视差无效果和背景无法加载。Android平台在搜狗和UC浏览器下表现不错。
5. 由于时间仓促，页面中的图片都从原网页截下来的，失去了透明度，这在滑动过程中比较明显，代码命名从宏观上并不规范。同时相关问题会在最近寻找解决方案。

直接访问：http://byr-gdp.github.io/wentiniao\