随笔分类 -  移动端

摘要：原文链接：http://colachan.com/post/3435 初涉移动端设计和开发的同学们，基本都会在尺寸问题上纠结好一阵子才能摸到头绪。我也花了很长时间才弄明白，感觉有必要写一篇足够通俗易懂的教程来帮助大家。从原理说起，理清关于尺寸的所有细节。由于是写给初学者的，所以不要嫌我啰嗦。 现象 阅读全文

摘要：说到H5,说到响应式,老牛第一时间想到的第一个rem,第二个就是flex盒模型,这两个属性简直是移动端响应式开发利器..用到了flex弹性盒模型意味着抛弃了老旧的float甚至是margin的布局进入了完全的响应式布局的时代,听过有个比喻,有的人不愿意尝试新鲜事物,就好像不愿意尝试网上支付的老年人一 阅读全文

摘要：在如今移动端,响应式布局的时代,用rem作为单位已经是非常普及的一门小技巧了..rem的单位根据html的font-size来进行换算！ 1.rem的兼容性：如下图所示IE9以上就支持了rem这个属性,你说IE6 7 8怎么办,怎么办?让IE去死呗,都H5了还兼容个蛋蛋.手机端就更不用说IE了2.r 阅读全文

摘要：进入www.jd.com后代码判断是手机的话就跳转m.jd.com 京东源码： !function(n){function o(n){for(var o=n+"=",t=document.cookie.split(";"),e=0;e<t.length;e++){for(vari=t[e];" "= 阅读全文

摘要：1.前言 到目前为止，互联网行业里，手机越来越智能化，移动端占有的比例越来越高，尤其实在电商，新闻，广告，游戏领域。用户要求越来越高，网站功能越来越好，效果越来越炫酷，这就要求我们产品质量越来越高，web前端开发而言是一个挑战，是一个难题，也是一个机遇。如何让我们所开发的手机页面能有更好的交互体验， 阅读全文

摘要：1、流式布局（百分比布局） 案例：京东移动端 优点：简单方便，只需要固定高度，宽度自适应； 缺点：大屏幕手机实际显示的不协调。 2、响应式布局 优点：可以节约成本，不用再做专门的web app网站（外包公司、小公司、博客)； 缺点：工作量大、维护很难；国内大型企业在移动端很少用。 3、固定宽度 案例 阅读全文