文章分类 -  移动端

摘要:1、响应式布局 开发一个页面,在所有的设备上都能够完美展示。 媒体查询:@media screen and (max-width:100px) { } 媒体类型:screen(屏幕) print(打印机)handheld(手持设备)all(通用) 常用媒体查询参数: width —— 视口宽高hei 阅读全文
posted @ 2018-08-20 20:23 竹木狼马 阅读(246) 评论(0) 推荐(0)
摘要:移动端-获取触摸点的位置 原文指路: https://www.cnblogs.com/le220/p/8127998.html 一、移动端轮播图滑动 1、先获取手指在轮播图元素上的滑动方向(左右) (1)手指触摸开始时记录手指所在的坐标X (2)获取界面上的轮播图容器var $carousels=$ 阅读全文
posted @ 2018-08-20 20:07 竹木狼马 阅读(3855) 评论(0) 推荐(1)
摘要:移动web开发中的常见问题 原文: https://www.cnblogs.com/le220/p/8092994.html 一、函数库 underscoreJS _.template: <ol class="carousel-indicators"> <!--渲染的HTML字符串--> </ol> 阅读全文
posted @ 2018-08-20 16:54 竹木狼马 阅读(223) 评论(0) 推荐(0)
摘要:原文指路:https://www.cnblogs.com/le220/p/8087971.html 一、流式布局 1、 什么是流式布局 流式布局就是百分比布局,通过盒子的宽度设置成百分比来根据屏幕的宽度来进行伸缩,不受固定像素的限制,内容向两侧填充,同时会设定最小宽度和最大宽度,适用于图片比较多的首 阅读全文
posted @ 2018-08-20 16:32 竹木狼马 阅读(787) 评论(0) 推荐(0)