H5+CSS练习

本文分享了一次模仿途牛网站进行页面布局的练习过程,包括PC端与手机端两个部分。PC端采用CSS3及JS实现了部分动态效果,手机端则通过自适应布局适配不同分辨率。

模仿途牛网站页面布局进行练习

练习主要分成两个部分:PC端和手机端

PC端:

页面如下图:
这里写图片描述
布局以及图片完全根据途牛网站进行简单小练习,有部分的动态效果根据CSS3以及js实现

移动端:

可以根据手机的分辨率进行页面的布局
实现页面主要如下:
这里写图片描述
可以使用hbuilder将项目拖拽到手机中运行,对页面进行展示。
自适应主要使用到的代码参考地址:
http://blog.youkuaiyun.com/cainiao0314/article/details/73549376

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值