移动端开发
文章平均质量分 84
柒青衿
前端
展开
-
移动端开发-viewport实现响应式设计
1. 不使用viewport出现的问题提到响应式设计,大家首先想到的可能是 Bootstrap , @media 。前者是一个响应式UI库,风格比较扁平化,类似的还有雅虎的Pure。@media是CSS3的属性,利用它可以在不依赖其他库的情况下实现响应式设计。如果你使用过媒体查询,应该熟悉下面的代码: 可查看github下载实例代码 @media screen and (min-原创 2016-05-30 17:22:50 · 2339 阅读 · 0 评论 -
移动端开发-touch事件及其相关属性
1. 为什么移动端使用touch事件习惯在电脑上写js代码的同学可能想问一个问题:为什么移动端要使用touch事件,mouse事件和click事件在手机上不能触发么?其实这个问题很容易解决。首先,这两类事件在移动端也可以触发,但分别有一些问题:移动端会多点触屏,不适合mouse ,而click事件在手机上有 300ms延迟(不是bug)。因此,在移动端绑定事件,最好使用专门为移动端设计的touch事原创 2016-06-04 14:11:53 · 3882 阅读 · 0 评论