Android 屏幕适配方案 Android进程保活招式大全 Android Service完全解析，关于服务你所需知道的一切(上) 写给移动开发者的 React Native 指南 Fragment间的数据传递 Android动态加载Dex机制解析 我在Android开发中遇到的坑之微博正文点击处 ...
分类：
其他好文 时间：
2017-11-11 22:09:03
阅读次数：
203
笔者所在的前端团队主要从事移动端的H5页面开发，而团队使用的适配方案是: viewport units + rem。具体可以参见凹凸实验室的文章 – 利用视口单位实现适配布局 。 笔者目前（2017.08.12）接触到的移动端适配方案中，「利用视口单位实现适配布局」是最好的方案。不过使用 rem 作 ...
分类：
其他好文 时间：
2017-10-12 19:17:13
阅读次数：
725
我最初接到一张设计图的时候总会很无措，不知道如何将它实现出来，或者是很匆忙而慌乱的就开始了我的工作，之后再因为适配的问题苦恼。事实证明，这种毫无规划的行为是很愚蠢的。所以，引出了一个关键词：布局。 网页的布局通常可以分为一列布局，二列布局，三列布局，混合布局。布局之间可以嵌套，而我们就是要将网页的布 ...
分类：
Web程序 时间：
2017-09-26 15:57:48
阅读次数：
155
背景 开发移动端H5页面 面对不同分辨率的手机 面对不同屏幕尺寸的手机 开发移动端H5页面 面对不同分辨率的手机 面对不同屏幕尺寸的手机 视觉稿 在前端开发之前，视觉MM会给我们一个psd文件，称之为视觉稿。 对于移动端开发而言，为了做到页面高清的效果，视觉稿的规范往往会遵循以下两点： 1）首先，选 ...
分类：
移动开发 时间：
2017-09-14 18:39:43
阅读次数：
233
flex布局 flex布局，不使用rem，直接使用px。 <!DOCTYPE html> <html> <head> <title></title> <style> /*利用flex属性，可以实现块级元素1：1：1*/ /*简单的就能使里面的内容居中（尤其是垂直居中，好用到爆）*/ .box{ di ...
分类：
移动开发 时间：
2017-08-24 19:43:22
阅读次数：
322
Canvas Scaler就是用来做适配的 1.Reference Resolution表示我们设计界面的时候使用的屏幕大小 2.Screen match Mode有三种选择，即三种界面适配方案。 我们一般是保持适配高度，然后调整UGUI的锚点，锚点设置到左右。 ...
分类：
其他好文 时间：
2017-08-16 20:28:37
阅读次数：
198
为了做到一次开发的网页能够在不同尺寸的移动端设备上适配，我们需要使设计稿上标注的固定尺寸在不同设备上按照设备大小的比例显示不同的尺寸。 比如设计稿是按照 IPhone6 的 750px 像素设计的，设计稿上的头部导航条的高度是75px。 那么在 IPhone6 的手机上导航条显示的高度就是75px， ...
分类：
移动开发 时间：
2017-08-13 15:07:05
阅读次数：
202
该节主要记录从代码中获取与屏幕适配相关的各个參数： Java代码例如以下public class ScreenUtil { /** * Note: * 仅仅有activity能够使用getWindowManager。否则应该使用 * Context.getResources().getDisplay ...
分类：
移动开发 时间：
2017-07-31 11:21:30
阅读次数：
154
如今移动设备的分辨率纷繁复杂。以前仅仅是安卓机拥有各种各样的适配问题，如今 iPhone 也拥有了三种主流的分辨率，而未来的 iPhone 7 可能又会玩出什么新花样。如何以不变应万变，用简简单单的几行代码就能支持种类繁多的屏幕分辨率呢？今天就给大家介绍一种懒人必备的移动端定宽网页适配方法。 首先看 ...
分类：
移动开发 时间：
2017-07-24 19:10:25
阅读次数：
317
1.Meida Queries meida queries 的方式可以说是我早期采用的布局方式，它主要是通过查询设备的宽度来执行不同的 css 代码，最终达到界面的配置。核心语法是： 优点 media query可以做到设备像素比的判断，方法简单，成本低，特别是对移动和PC维护同一套代码的时候。目前 ...
分类：
移动开发 时间：
2017-07-07 14:24:00
阅读次数：
268
