探究移动端开发 什么使移动端开发呢？这就是在手机等移动端设备上的网页开发。而当今比较流行的通过rem进行移动端的适配，所以这篇文章会主要介绍一些基本概念以及rem适配方案。 第一部分：基本概念 物理像素：这个就是在屏幕上可以控制的最小显示单位，比如显示颜色的最小单位。 css像素: 就是我们在设计网 ...
分类：
移动开发 时间：
2016-11-20 16:11:38
阅读次数：
257
探究移动端web开发 什么使移动端开发呢？这就是在手机等移动端设备上的网页开发。而当今比较流行的通过rem进行移动端的适配，所以这篇文章会主要介绍一些基本概念以及rem适配方案。 第一部分：基本概念 物理像素：这个就是在屏幕上可以控制的最小显示单位，比如显示颜色的最小单位。 css像素: 就是我们在 ...
分类：
移动开发 时间：
2016-11-20 16:00:17
阅读次数：
256
认识移动端开发 什么使移动端开发呢？这就是在手机等移动端设备上的网页开发。而当今比较流行的通过rem进行移动端的适配，所以这篇文章会主要介绍一些基本概念以及rem适配方案。 第一部分：基本概念 物理像素：这个就是在屏幕上可以控制的最小显示单位，比如显示颜色的最小单位。 css像素: 就是我们在设计网 ...
分类：
移动开发 时间：
2016-11-20 09:11:53
阅读次数：
292
因原在做移动端适配过程中，一直都是应用淘宝的flexible高清方案解决，也没有认真的去研究过源码。这几天又看到一些普通的适配方案，于是把两者源码放在一起比较，发现高清方案是通过动态的获取了当前设备的dpr值，然后根据dpr值的大小来设定手机的视口的缩放比例，从而实现高清。比如：dpr=2时，设定i ...
分类：
移动开发 时间：
2016-11-11 07:44:38
阅读次数：
1575
1.如何适配？ 想要在移动端的不同尺寸设备间做适配，使得页面布局可以等比例缩放。 于是我立刻想到了百分比布局和rem布局。 百分比布局无法适配性定高，只能用px定死，显然这是无法接受的。 rem布局不是响应式布局方案，它的应用仅仅局限于移动端，不同尺寸的移动设备，是一种等比缩放的适配方案。 2.如何 ...
分类：
移动开发 时间：
2016-09-16 11:28:11
阅读次数：
239
背景： 方案：使用rem作为单位解决一套设计图适应不同分辨率，不同尺寸的手机。 概念： 思路：a,相同的rem,只需要更改页面根元素的font-size; 常见问题： 动态改写<meta>标签 给<html>元素添加data-dpr属性，并且动态改写data-dpr的值 给<html>元素添加fon ...
分类：
移动开发 时间：
2016-09-08 14:28:15
阅读次数：
311
1.设置屏幕适配策略（ResolutionPolicy）
如果你还没有用过ResolutionPolicy，只需要在游戏载入过程完成之后（cc.game.onStart函数回调中），调用下面的代码：
cc.view.setDesignResolutionSize(320,480,cc.ResolutionPolicy.SHOW_ALL);
setDesignResolutionSize函数的前两个..
分类：
编程语言 时间：
2016-08-25 21:53:48
阅读次数：
159
此方案跟方案4是同一原理，也是通过REM实现的，能单独归类出一个方案，是因为它有一定的实用价值，当你遇到追求完美，追求到一像素的UI或者产品时，那此方案将解决你的困境。 方案5主要是用来解决一像素边框来设计的，当你的设计稿中到处是一像素边框，而UI跟产品拿着手机频频跟你说为什么在手机上边框这么粗的时 ...
分类：
其他好文 时间：
2016-08-19 06:09:54
阅读次数：
125
前面有分享了4种适配方案，但始终是通过手动缩放或者视口缩放来实现，用来做一些专题页，或者功能相对简单的项目来说也是完全能应付的，但整体来说感觉还是一种缩放，说不上是真正的适配，言外之意就是即将分享真正的适配喽，呵呵，开个玩笑，其实适配方式千差万种，怎么用全靠自己把握，遇到问题总有解决方法，兵来将挡水 ...
分类：
其他好文 时间：
2016-08-18 06:29:22
阅读次数：
163
在H5项目中有一种常见的宣传页，就是那种整屏整屏的，带着炫丽进场动画的移动宣传页，不仅是一种欣赏也起到了很大宣传作用。 对于这种整屏的适配，前面通过视口的兼容处理也是可以做到的，但是在窄屏下会在上下有明显的切割，于是想到既然是保证内容在整屏，那是不是只要保证高度在整屏内就完美了，不管屏幕怎么小整个高 ...
分类：
其他好文 时间：
2016-08-17 01:30:42
阅读次数：
155
