地址:http://byr-gdp.github.io/wentiniao
请按照以下要点制作一个站点的主页(内容不限),并在下周一(4月27日)之前完成:
- 在Github上新建一个Repository
- 页面符合响应式布局
- 页面实现滚动视差
- 利用Github Pages服务部署在互联网上
- 完成时间:一天(2015年4月26日),基于Windows平台下Chrome。
- 响应式布局体现在12分栏md和sm的使用上,两处地方用到了媒介查询。
- 滚动视差未借助框架,原理主要参考腾讯前端AlloyTeam团队Blog视察滚动的爱情故事,实现背景相对页面固定而不跟内容滚动。收集若干框架,今后尝试。
- Chrome模拟移动设备效果不错,但具体移动设备访问效果不佳。在iOS上Safari和其他浏览器访问有一些问题,具体表现在滚动视差无效果和背景无法加载。Android平台在搜狗和UC浏览器下表现不错。
- 由于时间仓促,页面中的图片都从原网页截下来的,失去了透明度,这在滑动过程中比较明显,代码命名从宏观上并不规范。同时相关问题会在最近寻找解决方案。