移动Web开发
文章平均质量分 80
王胜飞
一个人的朝圣
展开
-
移动web页面支持弹性滚动的3个方案
有段时间一直折腾移动端页面弹性滚动的各种问题,做了点研究,今天做个小分享~传统 pc 端中,子容器高度超出父容器高度,通常使用 overflow:auto 可出现滚动条拖动显示溢出的内容,而移动web开发中,由于浏览器厂商的系统不同、版本不同,导致有部分机型不支持对弹性滚动,从而在开发中制造了所谓的 BUG。 上图如果在PC端中,我们可以利用 position:fixed转载 2016-05-07 14:13:49 · 927 阅读 · 0 评论 -
移动端Web开发调试之Weinre调试教程
在设计师与前端开发人员的努力下,一个WebApp出炉了,可是测试人员说了一堆的问题:某某机型下页面表现不一致,某某系统下页面如何如何,某某系统浏览器下页面怎么怎么滴。看着满满的测试汇总文档,我们曾经在一个又一个知名或不知名的手机终端上重复着这些工作:仔细的排查代码,alert可疑的变量,甚至不惜重构来尝试解决这种不一致的问题。虽然说Android 4.0+以上的移动设备支持桌面版Chrome远程调转载 2016-05-07 14:24:14 · 711 阅读 · 0 评论 -
移动端开发:使用jQuery Mobile还是Zepto
jQuery Mobile和Zepto是移动端的js库。jQuery Mobile相当于PC端的jQuery UI,它提供了很多页面的UI库,能够很快的开发出漂亮的界面,适合公司没有UI设计师的前端开发人员来进行移动端的开发。Zepto相当于PC端的jQuery,它提供了很多方法和功能,能够很快的实现各种需求和功能,适合公司有UI设计师的前端开发人员来进行移动端的开发。jQuery Mob转载 2016-05-07 14:42:48 · 948 阅读 · 0 评论 -
像图片一样布局
移动端经常会有这样的展示页面,页面中有一些独立的元素,并且伴随各种交互效果、转场动画。 针对页面布局的话,大概有这样的需求:不滚动页面,所有元素均在一屏之类展示像图片那样缩放元素---宽度改变时高度按比例变化背景图需要把浏览器窗口撑满往往项目是独立的,需要快速上线,开发周期短这种形式页面在正常的文档流中布局显然不太合适,比较传统的做法是这样:布局以绝对定位为转载 2016-08-01 22:42:15 · 648 阅读 · 0 评论 -
移动布局之rem
昨天转载了一篇像图片一样布局,感觉很好用,今天再次温习了rem布局, 终于明白,rem相对于根元素,em相对于父级元素,px绝对单位。----------我是萌萌哒分割线----------rem这是个低调的css单位,近一两年开始崭露头角,有许多同学对rem的评价不一,有的在尝试使用,有的在使用过程中遇到坑就弃用了。但是我对rem综合评价是用来做web app它绝对是最合适的人选原创 2016-08-02 13:07:00 · 507 阅读 · 0 评论 -
jquery mobile ajax跳转问题
问题:jqm页面跳转默认的为ajax跳转,不会加载跳转到的页面的css和js首先在学jqm的时候发现的这个问题,后来和小明参加计算机设计大赛用jqm搭建的也遇到了这个问题,然后百度了.解决方案:1.禁止默认的ajax跳转,即在a链接中加入属性data-ajax="false"2.将需要加载的js和css放置在属性为data-role="page"的div标签下面(J原创 2016-04-28 22:01:56 · 3823 阅读 · 0 评论