vw是相对屏幕宽度的百分比，vh是相对屏幕高度的百分比，还有vmin和vmax就是以宽或者高中小的或者大的为基准的百分比，现在的项目中用的都是vw，因为高度是根据内容的多少而不固定的。 ...
分类：
其他好文 时间：
2018-06-08 00:43:03
阅读次数：
144
vw是相对于不同屏幕大小的自适应的布局单位： 1vw相当于整个屏幕宽度的100分之1，如果给最外层div设置宽度为100vw，无论屏幕变大变小，1vw始终代表当前屏幕宽度的100/1； 因此vw在实际运用中： 对于宽度来说：设计图中当前元素宽度的px值 除以 设计图的宽度值，再乘以100后，加上vw ...
分类：
其他好文 时间：
2018-06-06 15:42:03
阅读次数：
147
import android.content.Context;import android.util.DisplayMetrics;import android.view.WindowManager;/** * Created by 怪胎 on 2018.6.6. */public class Ge ...
分类：
其他好文 时间：
2018-06-06 10:53:40
阅读次数：
160
react-native使用echarts，WebView封装echarts，使用WebView，react-native封装插件 ...
分类：
Web程序 时间：
2018-06-04 16:32:01
阅读次数：
421
为什么么要响应式？ 因为能兼容，手机、平板、PC终端既省钱又省力； 有很多网站的解决办法是，为不同的设备提供不同的mobile版本，或者iPhone/iPad版本。这样效果有保证，但是比较麻烦，同时要维护好几个版本； 于是，“”“一次设计，普遍适用”，根据屏幕宽度，自动调整布局（layout） 第一 ...
分类：
其他好文 时间：
2018-06-01 23:23:13
阅读次数：
1287
1、新的尺寸单位 rpx rpx（responsive pixel）: 可以根据屏幕宽度进行自适应。 规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0.5px = 1物理像素。 设备 ...
分类：
微信 时间：
2018-05-25 21:26:59
阅读次数：
1927
移动设备优先在HTML5的项目中，我们做了移动端的项目。它有一份非常重要的meta，用于设置屏幕和设备等宽以及是否运行用户缩放，及缩放比例的问题。//分别为：屏幕宽度和设备一致、初始缩放比例、最大缩放比例和禁止用户缩放<metaname="viewport"content="width=device-width,initial-scale=1,maximum-s
分类：
其他好文 时间：
2018-05-14 14:37:12
阅读次数：
941
我们经常看到这样的网页，即内容水平居中在屏幕中间，左右留白。我们来给这样的布局起个名字——水平居中布局 其实要实现这样的布局十分简单，即给中间部分一个宽度，设置margin左右值为auto,如，中间部分class="main" 这样，中间部分就以1200px的宽度水平居中了，当屏幕宽度小于1200时 ...
分类：
Web程序 时间：
2018-05-11 13:02:02
阅读次数：
155
一、移动端适配 方法一：viewport自适应屏幕宽度 在html中创建meta标签：页面的宽度等于屏幕的宽度。 方法二：框架搭建页面 二、移动端问题 （1）、1px 边框 方法一：伪元素 + transform 实现 方法二：view + rem 实现 （2）、移动端布局方式 方法一：响应式布局 ...
分类：
移动开发 时间：
2018-05-09 00:00:00
阅读次数：
270
WXSS(WeiXin Style Sheets)是一套样式语言，用于描述 WXML 的组件样式。 WXSS 用来决定 WXML 的组件应该怎么显示。 为了适应广大的前端开发者，WXSS 具有 CSS 大部分特性。同时为了更适合开发微信小程序，WXSS 对 CSS 进行了扩充以及修改。 与 CSS ...
分类：
微信 时间：
2018-05-07 22:56:13
阅读次数：
345
