1、flutter_ScreenUtil插件简介 flutter_ScreenUtil屏幕适配方案，让你的UI在不同尺寸的屏幕上都能显示合理的布局。 插件会让你先设置一个UI稿的尺寸，他会根据这个尺寸，根据不同屏幕进行缩放，能满足大部分屏幕场景。 github:https://github.com/ ...
分类：
移动开发 时间：
2019-06-15 23:10:07
阅读次数：
400
总结：移动端适配方案 或者直接做响应式页面，让pc端和移动端的界面排版不一样 1、移动web基础知识 移动web开发和web开发没有本质的区别：都是使用html（html5）、css（css3）、js、以及一些相关的技术在开发 只不过移动web开发更侧重于移动端（手机、ipad）的显示，使页面在更小 ...
分类：
移动开发 时间：
2019-06-06 00:15:48
阅读次数：
176
首先，我们需要知道rem和em的基本概念。 rem: 相对于html根元素的fontsize。 em: 相对于当前元素的字体大小。 rem和em都能够根据屏幕大小做适配。 一、假设现在给出我们一张750px的设计图，我们在设计图上量出200px*200px的div大小，并要求兼容320px、375p ...
分类：
移动开发 时间：
2019-06-03 23:46:45
阅读次数：
186
今日头条屏幕适配的原理？1：首先计算出density，计算公式：当前设备屏幕总宽度（单位为像素）/设计图总宽度（单位为dp)=densitydensity的意思就是1dp占当前设备多少像素计算density的原因：在布局文件中填写的是什么单位，最后都会被转化为px，系统就是通过上面的方法，将你在项目中任何地方填写的单位都转换为px但是，今日头条适配方案默认项目中只能以高或宽中的一个作为基准，来进行
分类：
其他好文 时间：
2019-05-10 09:21:52
阅读次数：
123
问题分析： 一般第三方ui框架用的都是不同的适配方式，如果我们使用了vw适配，那么在使用mint ui框架时，就会发现px单位会被转换成vw，从而导致样式变小的问题，如图 解决方案 网上看到了很多种解决方案，这里推荐第四种 1、重写第三方组件ui样式大小 2、在postcss.config.js中的 ...
分类：
其他好文 时间：
2019-05-01 16:06:40
阅读次数：
402
①：如何修改placeholder样式？ 注：其它浏览器适配方案 原文参考：https://webfem.com/post/placeholder ②：设置获取焦点后输入文字大小的样式 设置获取到焦点时边框的样式 设置获取到焦点后 input 背景颜色 ③：给 input 焦点设置颜色，只需给 in ...
分类：
其他好文 时间：
2019-04-03 18:10:18
阅读次数：
190
PC及移动端页面适配方法 设备屏幕有多种不同的分辨率，页面适配方案有如下几种： 1、全适配：响应式布局+流体布局2、移动端适配： 流体布局+少量响应式 基于rem的布局 流体布局 流体布局，就是使用百分比来设置元素的宽度，元素的高度按实际高度写固定值，流体布局中，元素的边线无法用百分比，可以使用样式 ...
分类：
其他好文 时间：
2019-03-10 09:19:11
阅读次数：
163
在Android开发中,屏幕适配是一个非常头痛的问题,因而为了去进行屏幕适配,作为程序员,是呕心沥血,历经磨难,哈哈 我们之前做屏幕适配一般都会用到一下两种方式: 第一种就是宽高限定符适配，什么是宽高限定符适配呢 就是这种，在资源文件下生成不同分辨率的资源文件，然后在布局文件中引用对应的 dimen ...
分类：
移动开发 时间：
2019-02-28 21:25:54
阅读次数：
263
干货储备： 物理像素、设备独立像素和设备像素比 在CSS中我们一般使用px作为单位，需要注意的是，CSS样式里面的px和物理像素并不是相等的。CSS中的像素只是一个抽象的单位，在不同的设备或不同的环境中，CSS中1px所代表的物理像素是不同的。在PC端，CSS的1px一般对应着电脑屏幕的1个物理像素 ...
分类：
移动开发 时间：
2019-01-28 16:05:51
阅读次数：
243
一、rem之px2rem适配 前言：相信许多小伙伴上手移动端时面对各式各样的适配方案，挑选出一个自己觉得简便、实用、高效的适配方案是件很纠结的事情。 深有体会... 经过多个移动端项目从最初的 viewport --> 百分比 --> rem --> rem的升级版px2rem可谓是一把鼻涕一把泪啊 ...
分类：
移动开发 时间：
2019-01-25 16:03:28
阅读次数：
344
