移动端 - 随笔分类 - 知春里

响应式十日谈第一日：使用 rem 设置文字大小

摘要：上面回顾：在序言中我们已经提到了响应式的一些基本理念，比如：响应式网页不仅仅是响应不同类型的设备，而且需要响应不同的用户需求。响应式的初衷是为了让信息更好的传递交流，让所有人无障碍的获取信息，同时这也是 Web 的初衷。序言中同样提到，响应式的设计应该秉承「内容优先，移动优先」的设计原则，那么阅读全文

posted @ 2016-04-21 19:51 知春里阅读(360) 评论(0) 推荐(0)

移动端问题汇总

摘要：问题列表伪类 :active 生效要CSS伪类:active生效，只需要给 document 绑定touchstart或touchend事件bar消除 transition 闪屏两个方法-webkit-transform-style: preserve-3d;/*设置内嵌的元素在 3D 空间如何呈现... 阅读全文

posted @ 2015-11-16 23:57 知春里阅读(324) 评论(0) 推荐(0)

jquery判断页面滚动条(scroll)是上滚还是下滚，且是否滚动到头部或者底部

摘要：项目背景webtouch（webapp）页面，防苹果手机safari浏览器，网上滑动，底部导航消失，滑动到底部又出现。向下滑动，底部导航出现。遇到问题1、我一开始用swipeup和swipedown来做，发现因为有滚动条，不会触发。因此只能判断滚动条是上滚下滚等。关于手机手势，后面的文章会介绍，欢迎... 阅读全文

posted @ 2015-10-23 00:26 知春里阅读(1273) 评论(0) 推荐(0)

jquery的height()和javascript的height总结，js获取屏幕高度

摘要：jquery的各种高度首先来说一说$(document)和$(window)，如下：$(document).height();//整个网页的高度$(window).height();//浏览器可视窗口的高度$(window).scrollTop();//浏览器可视窗口顶端距离网页顶端的高度（垂直偏移... 阅读全文

posted @ 2015-10-23 00:20 知春里阅读(564) 评论(0) 推荐(0)

h5的本地存储

摘要：什么是本地存储以下内容从网上抄来的HTML5 storage提供了一种方式让网站能够把信息存储到你本地的计算机上，并再以后需要的时候进行获取。这个概念和cookie相似，区别是它是为了更大容量存储设计的。Cookie的大小是受限的，并且每次你请求一个新的页面的时候cookie都会被发送过去。HTML... 阅读全文

posted @ 2015-08-21 00:01 知春里阅读(4838) 评论(0) 推荐(0)

box flex 弹性盒模型（转载）

摘要：css3引入了新的盒模型——弹性盒模型，该模型决定一个盒子在其他盒子中的分布方式以及如何处理可用的空间。这与XUL（火狐使用的用户交互语言）相似，其它语言也使用相同的盒模型，如XAML 、GladeXML。使用该模型，可以很轻松的创建自适应浏览器窗口的流动布局或自适应字体大小的弹性布局。本文的例子使... 阅读全文

posted @ 2015-05-22 16:02 知春里阅读(181) 评论(0) 推荐(0)

移动平台WEB前端开发技巧汇总

摘要：原名《移动平台3G手机网站前端开发布局技巧汇总》，由武方博整理的，让我们了解下移动设备上的WEB站点开发的基础知识，多些时间和精力去优化其他细节，我这里对原文的标签格式做了细微的调整，阅读查看起来明晰些，原文如下：－－－－－－－－－－－华丽的分割线－－－－－－－－－－－－－您或许正在或准备参与一个W... 阅读全文

posted @ 2015-05-19 11:39 知春里阅读(215) 评论(0) 推荐(0)

关于移动端点击后出现闪或者黑色背景

摘要：用phoneGap打包在ipad上运行，发现，点击某些带事件的DOM后，出现瞬间的闪动，a标签点击的时候还是出现黑色的背景。首页，瞬间的闪动是怎么出现的，具体原因不是很明确，根据我测试，貌似是因为DOM中有可选择的文字，使得DOM是可以整体被touch，在ipad中，元素被touch后会出现高亮，就... 阅读全文

posted @ 2015-05-08 14:10 知春里阅读(544) 评论(0) 推荐(0)

随笔分类 - 移动端