市场上的android手机五花八门。各种尺寸的屏幕让android程序员们比較头疼。也有一些大神写了一些博客提出了自己的观点。iOS貌似也迎来了大屏6+,因此屏幕适配的问题也是有滴,因此苹果也有自己的方法-auto Layout 。本人初学iOS。今天学了自己主动布局。在学习的过程中,毕竟还是有些知 ...
分类:
移动开发 时间:
2017-07-05 17:15:50
阅读次数:
198
曾经看了android的屏幕适配方案,有非常多种。当中自己用到的一种是:先找一款主流的分辨率的android机,如:1080*1920的分辨率做基准,然后在这个基准上。调整好一切布局。图片。适配其它手机分辨率的手机。用百分比来调节。比如:在480*800的主流手机上,写了一个height=520,那 ...
分类:
移动开发 时间:
2017-06-10 21:34:55
阅读次数:
349
目前来看,适配从设备来分大致分两种,一种是手机端适配,另一种是PC端适配。本次教程主要讲PC端适配。 一,为什么讲述本次教程? 昨天不是很忙,在闲下来的时候看京东,淘宝,天猫的前端代码,当我改变浏览器的宽度时候,内容自动适配。感觉很好奇,就查看他们的css样式。 结果发现一个比较好的方案。这也是今天 ...
分类:
其他好文 时间:
2017-05-23 18:51:59
阅读次数:
190
lib-flexible是什么? lib-flexible是一个制作H5适配的开源库,可以点击这里下载相关文件,获取需要的JavaScript和CSS文件。 使用方法 在head标签中引入js文件 也可以使用阿里的CDN: 另外强烈建议对JS做内联处理,在所有资源加载之前执行这个JS。执行这个JS后 ...
分类:
移动开发 时间:
2017-04-29 19:59:48
阅读次数:
315
这个适配是依据坐标系的象限的思想来进项适配的。參考了部分的NGUI的适配方案。 在程序的事实上,来測量UI距离相机边界的像素然后依据比例来进行适配,个人认为还不错。 放码!。 有个前提哦就是你要先定一个尺寸。假如我优先适配1024*768。那在放置这个脚本之前,要把自己的界面还成1024*768的哦 ...
分类:
编程语言 时间:
2017-04-18 14:16:41
阅读次数:
209
相关文档 rem 现在手机分辨率这么大,如何写响应式布局? ...
分类:
移动开发 时间:
2017-04-12 04:23:29
阅读次数:
193
前面两篇文章介绍了移动端网页开发所要具备的基础知识。 今天着重来讲解移动端的适配方案。 做PC端页面的工程师聊的最多的是兼容,这是因为浏览器之间的差异引起的。而移动端基本是没有兼容问题的,全是css3,简直不要太开心。 但是最明显的是适配问题。 什么是适配呢?做PC页面的时候,我们按照设计图的尺寸来 ...
分类:
移动开发 时间:
2017-04-07 23:21:14
阅读次数:
275
一、写在前面 最近由于廖子尧忙于自己公司的事情和 OkGo (一款专注于让网络请求更简单的网络框架) ,故让LZ 接替维护 ImagePicker(一款支持单、多选、旋转和裁剪的图片选择器),也是处理了诸多bug,最近总算趋于稳定了,这里就把Android N (API 24) 以上的相机适配方案分 ...
分类:
移动开发 时间:
2017-03-22 23:22:00
阅读次数:
1148
结论: 用户体验要求很高的页面,如UV较高的页面,活动页这些应该以用户体验优先,应用flexiable方案 在其它页面,固定视口,不缩放,使用rem做布局适配,js添加屏幕标识以便调整字体大小(即布局使用rem,字体使用百分比),使用@2x图片,只做ios8+的1px处理 面临的问题: 在不同大小和 ...
分类:
移动开发 时间:
2017-02-09 13:43:54
阅读次数:
250
转自:http://mobile.51cto.com/web-484304.htm https://github.com/amfe/lib-flexible/blob/master/src/makegrid.js https://segmentfault.com/a/1190000006839117 ...
分类:
移动开发 时间:
2016-12-04 07:17:28
阅读次数:
446