常用知识点：flex-grow,flex-basis,order。 ...
分类：
其他好文 时间：
2018-11-16 00:28:46
阅读次数：
138
方法1 margin 方法2 CSS3 transform translate 方法3 flex 方法4 转换为inline ...
分类：
其他好文 时间：
2018-11-13 02:53:23
阅读次数：
150
介绍一些最近整理的优化细节。图片压缩什么的就不说了，这是优化必须做的。今天就说一下大家写代码时可以培养的优化的细节点。 不滥用float。不滥用web字体。 Float在渲染时计算量比较大，并且会脱标、塌陷。我们可以用flex布局来代替。web字体引入需要不小的消耗，最好跟设计提一下不要太多。 cs ...
分类：
其他好文 时间：
2018-11-11 23:39:19
阅读次数：
223
默认情况下先显示移动端，通过 @media 属性适配屏幕变化 使用flexbox相关的CSS属性 display: flex; (父元素) flex wrap: nowrap | wrap | wrap reverse; (父元素, 子元素超出该如何显示) flex: flex grow flex ...
分类：
移动开发 时间：
2018-11-11 23:23:16
阅读次数：
221
起因 工作以后由于大量使用到了flex布局而碰到了一些尚不清楚的问题，以及一些有意思的特性，在此写篇博客记录一下。 flex三个值的含义 众所周知，flex布局所有的属性有两种：一种作用在弹性容器（Flex container）上，一种作用在弹性项目（Flex item）上，而flex就是作用在弹性 ...
分类：
其他好文 时间：
2018-11-11 00:00:34
阅读次数：
215
布局是CSS中一个重要部分，下面总结了CSS布局中的常用技巧，包括常用的水平居中、垂直居中方法，以及单列布局、多列布局的多种实现方式（包括传统的盒模型布局和比较新的flex布局实现）。 一、居中方式 水平居中 水平居中对于子元素为行内元素还是块状元素，宽度一定还是宽度未定，采取的布局方案是不同。 行 ...
分类：
Web程序 时间：
2018-11-09 19:26:48
阅读次数：
217
什么是 Flexbox ？ Flexbox 是flexible box 的简称，意思是“灵活的盒子容器”； 是css3引入新的布局模式，他决定了元素如何在页面上排列，使它们能在不同的屏幕尺寸和设备下可预测地展现出来； 在不同方向排列元素 重新排列元素的显示顺序 更改元素的对齐方式 动态地将元素装入容 ...
分类：
其他好文 时间：
2018-11-09 16:13:27
阅读次数：
142
calc()是css3的一个新增的功能，用来指定元素的长度。 它是动态设置元素值，可由加减乘除算法得到最后计算值。 比如说“width:calc(50% + 5em)” 运算规则 使用“+”、“-”、“*” 和 “/”四则运算； 可以使用百分比、px、em、rem等单位； 可以混合使用各种单位进行计 ...
分类：
其他好文 时间：
2018-11-08 12:17:14
阅读次数：
181
方法一 flexible 一、npm 包安装 lib-flexible 淘宝适配方案 px2rem px自动转rem 三、配置build/utils.jsvar px2remLoader = { loader: 'px2rem-loader', options: { remUnit: 75 } } ...
分类：
移动开发 时间：
2018-11-07 20:04:23
阅读次数：
324
参考文档 https://github.com/intel/gvt-linux/wiki/GVTg_Setup_Guide#22-hardware-requirements 环境描述 OS：centos7.3 kernel：4.15 qemu：2.12 cpu：3865U 步骤一：编译内核 1 安装 ...
分类：
其他好文 时间：
2018-11-05 13:39:17
阅读次数：
929
