版本：2.3.4 一 竖屏手机适配 二 横屏手机适配 三 其他（百分比适配，ShowAll模式，游戏常用分辨率） 一 竖屏手机适配 游戏场景Canvas分辨率640x1080， 选择Fit Width ，Widget组件默认Top/Right/Bottom/Left都勾选。 场景中放几个图片 给图片 ...
分类：
其他好文 时间：
2021-07-02 16:35:40
阅读次数：
0
据统计，国外的前端开发人员和后端开发人员比例约为1:1，但是国内比例却在1:3以下，web前端开发职位的人才缺口巨大。 根据网上统计数据,上海Web前端开发工程师这一职位的月平均收入为1.5万元，工作经验达到3年的web前端工程师甚至达到3万元。 而且Web前端工程师一般工作1年左右,年薪一般就都能 ...
分类：
Web程序 时间：
2020-07-01 14:27:35
阅读次数：
105
<meta>标签 开发移动端项目需要使用视口标签<meta>来禁止缩放，页面显示时文字就不会变小了： 这是移动端屏幕适配问题解决过程中会遇到的一环（布局便是另一环）： 1、谷歌浏览器使用手机模式调试时，手机型号旁边是独立像素，各种手机屏幕大小看起来差不多，但像素分辨率区别很大，因为使用设备独立像素作 ...
分类：
移动开发 时间：
2020-06-20 16:07:53
阅读次数：
82
一个像素里复杂纷扰的世界 文 | 啃先生 Mar.3rd.2016 首发于微信公众号（啃先生） 上一篇发了《【移动适配】移动Web怎么做屏幕适配》，现在继续。 壹 | Fisrt 在CSS的世界里Px是原子操作，我们无法定义边框的宽度是0.5px，最小都是1px。所以有以下结论： 然而，对于精益求精 ...
分类：
移动开发 时间：
2020-05-25 17:42:59
阅读次数：
86
两个门派 根据屏幕宽度设置 rem 计算方式：rem 根据屏幕宽度计算：屏幕宽度越大，元素的尺寸越大。 可以把网页想象成一张等比缩放的图片，当你屏幕宽度增大，图片被拉宽，同时高度也会等比例增长。以iPhone6为例，假设1rem = 100px， 一个宽度 100px 的 div 在 iPhone6 ...
分类：
其他好文 时间：
2020-05-14 22:40:12
阅读次数：
94
1.使用viewport，html文件中在<body></body>内添加meta，简单粗暴： <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" ...
分类：
移动开发 时间：
2020-05-09 01:36:00
阅读次数：
110
```es6 import React, { Component, PropTypes } from 'react' import { Dimensions, PixelRatio, Platform, StatusBar, View } from 'react-native' let props ... ...
分类：
移动开发 时间：
2020-04-29 14:34:18
阅读次数：
198
Flutter 不同终端屏幕适配问题 https://pub.dev/packages/flutter_screenutil 每个页面的 build 引入Widget build(BuildContext context) { ScreenUtil.init(context, width: 750, ...
分类：
其他好文 时间：
2020-02-28 16:04:30
阅读次数：
84
今天因为react-native的style只能给width和height设置数字 没有react上的vw和vh 因为之前经常用vh vw 感觉不适应 找到了一个新的方法 使用Demension模块 1，引入Demension import { Demensions } from 'react-na ...
分类：
其他好文 时间：
2020-02-28 14:07:34
阅读次数：
457
一. 屏幕适配 1. 原理：监听屏幕宽度，动态改变html的根节点font-size 2. 换算：font-size的px 相当于 1rem 3. 缺陷：只能做到宽度布局会一样，但是高度布局也相同但由于不同手机比例不同可能会超出屏幕范围，高度做可滚动 4. 注意：高度布局要从上往下布局，不然可能出问 ...
分类：
其他好文 时间：
2020-02-22 16:01:36
阅读次数：
61
