转自：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
背景： 方案：使用rem作为单位解决一套设计图适应不同分辨率，不同尺寸的手机。 概念： 思路：a,相同的rem,只需要更改页面根元素的font-size; 常见问题： 动态改写<meta>标签 给<html>元素添加data-dpr属性，并且动态改写data-dpr的值 给<html>元素添加fon ...
分类：
移动开发 时间：
2016-09-08 14:28:15
阅读次数：
311
1、微信的多屏适配 目前为止，iPhone屏幕尺寸已经有四种： 3.5（inch）：1/3G/3GS/4/4S 4.0（inch）：5/5S/5C 4.7（inch）：6 5.5（inch）：6Plus 看一下iPhone4~6(+)的屏幕高宽比： iPhone4(s)：分辨率960*640，高宽比 ...
分类：
移动开发 时间：
2016-08-07 10:52:42
阅读次数：
526
移动端高清、多屏适配方案 背景 视觉稿 在前端开发之前，视觉MM会给我们一个psd文件，称之为视觉稿。 对于移动端开发而言，为了做到页面高清的效果，视觉稿的规范往往会遵循以下两点： 问题： 带着问题，往下看… 一些概念 在进行具体的分析之前，首先得知道下面这些关键性基本概念(术语)。 一个物理像素是 ...
分类：
移动开发 时间：
2016-04-23 01:28:44
阅读次数：
356
在开发的时候，多屏适配问题总会遇到 同一张图在4 、4s、 5、 5s、 6 、6s、 6 plus 上显示的效果相差甚远。这个时候需要同一张图的对中尺寸图片 简单记录一下下面这个工具，方便日后再次使用 1.选中 Assets.xcassets 2.点击 + 按钮 -->New Image Set ...
分类：
移动开发 时间：
2016-04-13 13:04:37
阅读次数：
214
移动端高清、多屏适配方案 在前端开发之前，视觉MM会给我们一个psd文件，称之为视觉稿。 对于移动端开发而言，为了做到页面高清的效果，视觉稿的规范往往会遵循以下两点： 问题： 带着问题，往下看... 在进行具体的分析之前，首先得知道下面这些关键性基本概念(术语)。 一个物理像素是显示器(手机屏幕)上 ...
分类：
移动开发 时间：
2016-03-24 10:02:09
阅读次数：
343
在前端开发之前，视觉MM会给我们一个psd文件，称之为视觉稿。 对于移动端开发而言，为了做到页面高清的效果，视觉稿的规范往往会遵循以下两点： 问题： 带着问题，往下看… 在进行具体的分析之前，首先得知道下面这些关键性基本概念(术语)。 一个物理像素是显示器(手机屏幕)上最小的物理显示单元，在操作系统
分类：
移动开发 时间：
2016-03-19 18:03:06
阅读次数：
382
背景 开发移动端H5页面 面对不同分辨率的手机 面对不同屏幕尺寸的手机 视觉稿 在前端开发之前，视觉MM会给我们一个psd文件，称之为视觉稿。 对于移动端开发而言，为了做到页面高清的效果，视觉稿的规范往往会遵循以下两点： 1）首先，选取一款手机的屏幕宽高作为基准(以前是iPhone4的320×480
分类：
移动开发 时间：
2016-03-11 06:27:50
阅读次数：
303
setDesignResolutionSize()//设计分辨率大小及模式setContentScaleFactor()//内容缩放因子setSearchPaths()//资源搜索路径getWinSize()//设计分辨率getVisibleSize()//设计分辨率可视区域大小getVisible...
1移动WEB开发入门1)native 本地应用使用JAVA 、Objective-C、Swift开发webAPP 网页应用HTML5开发hybrid 混合应用ooxx(native,web)2)文字 固定大小用px；多屏适配统一修改的话用rem3)viewportwidth- viewport的宽度...
分类：
移动开发 时间：
2015-08-26 22:06:48
阅读次数：
253
