绿茶手机网触屏版HTML5自适应WAP模板
自适应设计的手机 WAP 模板,用起来真是挺顺手的。绿茶手机网这套模板专门为触屏设备设计,支持滑动、点击啥的,交互体验还不错,整体也蛮轻量的,适合低带宽场景。
用的是HTML5,支持音视频、表单控件之类的,像给移动端做下载页、应用页就挺合适。你打开index.html
一看,结构清爽,样式也不复杂,修改起来挺方便的。
触屏优化也做得不错,基本的手势都考虑到了。像你用position: fixed
做个底部导航,再加点touchstart
事件,响应也快,操作还流畅。
媒体查询用得实在,支持多种屏幕尺寸。比如你想让图片在小屏幕自动变小,直接加@media screen and (max-width: 480px)
这种写法就搞定。
代码也比较简洁,资源结构清楚:HTML
是结构,CSS
管样式,JS
加点交互,图像资源也配得挺全的。
如果你正想快速搭建个移动页面,不如先试试这个模板。下载解压、调下样式、换点图,钟就能跑起来。
95.43KB
文件大小:
评论区