随笔分类 - 移动端相关
摘要:使用rem 然后根据媒体查询实现自适应。跟使用JS来自适应也是同个道理,不过是js更精确一点。使用媒体查询: 摘一片文章详解rem的。原文地址:web app变革之rem rem这是个低调的css单位,近一两年开始崭露头角,有许多同学对rem的评价不一,有的在尝试使用,有的在使用过程中遇到坑就弃用了
阅读全文
摘要:由于日常需求以无线居多,所以可以在业务中做一些尝试,如 rem,刚接触这个特性的时候,曾经一度爱不释手,仿佛在无线开发的坎坷路上寻找到一条捷径。然而随着使用范围的扩大,慢慢的发现了一些使用 rem 带来的问题。 关于 rem 这个单位的介绍,在此就不赘述,有兴趣的同学可以阅读一丝的《响应式十日谈第一
阅读全文
摘要:1、困扰多时的问题 在这之前做Web App开发的的时候,在自适应方面一般都是宽度通过百分比,高度以iPhone6跟iPhone5之间的一个平衡值写死,我们的设计稿都是iPhone5的640 * 1136标准,所以高度一般取个大概值,各种图标的宽高也是取平衡值写死,然后部分样式通过媒体查询来设置,例
阅读全文
摘要:Tips:注意雪碧图处理方式 /**雪碧背景图错位解决方案一 使用百分比**//*header .ico{ width:.4rem; height:.4rem; background:url(http://m.qbaobei.com/Public/Home/qbaobeimobile2/images
阅读全文
摘要:2. 使用rem实现自适应http://caibaojian.com/web-app-rem.html 3.优化js
阅读全文
摘要:无标题文档 新闻体育娱乐文化 新闻新闻新闻新闻新闻新闻新闻新闻新闻 新闻新闻新闻新闻新闻新闻新闻新闻新闻 新闻新闻新闻新闻新闻新闻新闻新闻新闻 ...
阅读全文
摘要:jquery怎么禁止手机页面触屏滑动页面滚动。(安卓和IOS都禁止)以及怎么接触禁止?谢谢是禁止滑动页面滚动,不是隐藏。谢谢,急!!!提问者采纳热心网友监听页面触摸运动var jinzhi=0;document.addEventListener("touchmove",function(e){if(...
阅读全文
摘要:相信很多人和我一样,在使用iscroll的是时候只知道可以手动滑动,不知道iscroll的轮播怎么实现一下就是我做的一个轮播效果,亲测有效;1.html,当然可以动态添加下面的小圆点 1. A robot may not injure a human b...
阅读全文
摘要:display:box;box-flex是css3新添加的盒子模型属性,它的出现可以解决我们通过N多结构、css实现的布局方式。经典的一个布局应用就是布局的垂直等高、水平均分、按比例划分。目前box-flex属性还没有得到firefox、Opera、chrome浏览器的完全支持,但可以使用它们的私有...
阅读全文
摘要:这段时间一直在做移动端的网站,顺便写一点总结吧,随便写的,想到什么写什么,所有若有幸被各位所看到,可以无视哈。。。。1.1 $(document).bind("click",function(e){ 2 var target = $(e.target); 3 if(t...
阅读全文
摘要:1.viewport定义的解析1. (1)强制让文档与设备的宽度保持1:1;(2)文档最大的宽度比列是1.0(initial-scale初始刻度值和maximum-scale最大刻度值);(3)user-scalable定义是否可缩放(0为不缩放),使页面固定设备上面的大小。2.flexbox页面布...
阅读全文
摘要:1.http://www.dayday28.com/(css3+html5); 2.https://github.com/jikeytang/jikeytang.github.io/issues/2 3.http://fantaghiro.github.io/miaov/ (最新技术分享) 4.ht
阅读全文
摘要:⒈分辨率这应该是移动端网页最关心的问题了,因为移动设备五花八门,各种分辨率都有。要想在这些设备上都能有良好的浏览体验,得花一番功夫。使用viewport:这已经是移动端网页的必备了,它可以设定页面的宽度,是否允许缩放等等。一般设置width=device-width,就是设置为设备的屏幕宽度,当然也...
阅读全文
摘要:从哪里下载 Zepto这个问题看起来很蠢,从官网下载不就行了嘛!可是你有没有发现下载链接上面有行小字呢?There are more modules; a list of all modules is available in the README.在这个 README 里面你会惊奇地发现,Zept...
阅读全文
摘要:最近看到了一篇文章,是介绍一种新的js框架,名为zepto.js,他适用于移动设备已经桌面浏览器除了ie系列的。。他兼容jquery的API,所以学起来或用起来并不吃力。他比jquery的优势在于1.他够小,只有21k左右。。功能俱全。2.增加了移动设备的触摸等事件,不需要再次引入其他手机框架如jq...
阅读全文

浙公网安备 33010602011771号