移动端高清、多屏适配方案 背景 开发移动端H5页面 面对不同分辨率的手机 面对不同屏幕尺寸的手机 视觉稿 在前端开发之前，视觉MM会给我们一个psd文件，称之为视觉稿。 对于移动端开发而言，为了做到页面高清的效果，视觉稿的规范往往会遵循以下两点： 首先，选取一款手机的屏幕宽高作为基准(以前是ipho ...
分类：
移动开发 时间：
2018-08-21 17:13:55
阅读次数：
230
Android系统发布十多年以来，关于Android的UI的适配一直是开发环节中最重要的问题，但是我看到还是有很多小伙伴对Android适配方案不了解。刚好，近期准备对糗事百科Android客户端设计一套UI尺寸适配方案，可以和小伙伴们详细的聊一聊这个问题。Android适配最核心的问题有两个，其一... ...
分类：
移动开发 时间：
2018-08-03 18:08:39
阅读次数：
213
参加了今日头条的H5游戏开发面试 主要是以下问题 1、egret有几种屏幕适配方案 Egret 目前支持的模式有：showAll, noScale, noBorder, exactFit, fixedWidth, fixedHeight, fixedNarrow, fixedWide。 详细讲参考 ...
分类：
其他好文 时间：
2018-08-01 22:26:31
阅读次数：
3414
参考：https://www.w3cplus.com/mobile/lib-flexible-for-html5-layout.html 首先先弄清楚几个基本的原理知识： 物理像素：又称设备像素，是显示设备中一个最微小的物理部件； 设备独立像素：可认为是计算机坐标系统中的一个点，这个点代表一个可以由 ...
分类：
移动开发 时间：
2018-07-05 13:53:07
阅读次数：
1865
常见移动web适配方案一般有3种方法，如下图： ①：定高，宽度百分比（百分比适配简单，一般用来做一些适配性不高的页面，比如只有一些文字和图片等简单的屏幕适配） ②：flex （更多的用于复杂页面的布局。具体参照阮一峰大神写的-Flex 布局教程：语法篇和实例篇 http://www.ruanyife ...
分类：
移动开发 时间：
2018-06-06 22:20:59
阅读次数：
3733
移动端屏幕适配基础 制作webapp时一个很关键的问题就是适配各种机型不同屏幕的大小，让每种机型上的布局看起来都尽量一样，这让很多小伙伴很是头疼。在这里我介绍一下我平时工作中常用的适配方案，当然适配方案有很多种，所以你有更好的方法，也可以使用或者大家一起交流。 常见移动web布局适配方法 固定高度， ...
分类：
移动开发 时间：
2018-05-24 19:33:47
阅读次数：
487
vw,vh都是相对于屏幕视口的单位。 vw:相对于视口的宽度。视口被均分为100单位的vw； vh:相对于视口的高度。视口被均分为100单位的vh； vmax:相对于视口的宽度或高度中较大的那个。其中最大的那个被均分为100单位的vmax； vmin:相对于视口的宽度或高度中较小的那个。其中最小的那 ...
分类：
移动开发 时间：
2018-05-19 13:07:46
阅读次数：
209
一、前言 我们h5项目适配采用的是淘宝那套《Flexible实现手淘H5页面的终端适配》方案。主要原理是rem布局。最近和别人响应式实现原理，发现虽然已经使用了那套方案很久，但是自己对rem的理解很含糊， 包括vw、vh等。所以打算写博客总结一下，以加深理解。 二、几个概念 这里就不讲那些，物理像素 ...
分类：
其他好文 时间：
2018-05-19 12:00:21
阅读次数：
1884
概述 之前写过一篇 "移动端font size适配方案" ，但是在实践过程中，还是发现当时的思维太局限了，视野太窄了，所以现在补充更新一下，记录下来，供以后开发时参考，相信对其他人也有用。 我上一篇博文主要有 2个误区 ，下面我一一记下来。 这篇博文参考了 "移动端适配方案(下)" 。 适配方案 有 ...
分类：
移动开发 时间：
2018-04-27 02:26:26
阅读次数：
173
Rem是相对于根元素font-size大小的单位 记inphone5屏幕宽度是 320px font-size16px 1rem=16px smiledemo hello wangyawei 于是我们在js中写适配方案3行代码即可搞定 可以看出完美适配，font-s... ...
分类：
移动开发 时间：
2018-04-22 12:56:06
阅读次数：
196
