1.前言 用css实现“两边定宽，中间自适应的三栏布局”这个问题应该是在前端面试中被面试官提问到的高频问题了，一般当面试者写出一种实现方法之后，面试官还会问你还有没有别的方法，尽量多的写出几种实现方法。 2.实现原理 要想实现这种“两边定宽，中间自适应的三栏布局”其实也不难，无外乎把握住以下几点： ...
分类：
Web程序 时间：
2018-08-12 15:33:48
阅读次数：
196
rem自适应原理 rem是根据html的font-size大小来变化，正是基于这个出发，我们可以在每一个设备下根据设备的宽度设置对应的html字号，从而实现了自适应布局。更多介绍请看这篇文章：rem是如何实现自适应布局的。 rem的值 目前有两种，一种是根据js来调整html的字号，另一种则是通过媒 ...
分类：
其他好文 时间：
2018-08-11 15:33:50
阅读次数：
342
1、Row 类似于Qt设计师中的水平布局，可以当做Item先anchor设置位置，再加入Item控件。 ps：Row不会改变里面控件的大小，即没有自适应这一说法 手册： ...
分类：
其他好文 时间：
2018-08-11 15:33:34
阅读次数：
129
本文简要介绍了利用 `min-content`实现容器宽度自适应于内部元素的尺寸。 HTML原生就是响应式的（HTML内容在视口内流式的分布）。随着CSS的广泛应用，设计者创建了许多固定布局的“盒子”并把内容强制的放在盒子之中，这有悖于HTML原生响应的特性。
分类：
其他好文 时间：
2018-08-10 19:57:29
阅读次数：
150
HTML原生就是响应式的（HTML内容在视口内流式的分布）。随着CSS的广泛应用，设计者创建了许多固定布局的“盒子”并把内容强制的放在盒子之中，这有悖于HTML原生响应的特性。 ...
分类：
其他好文 时间：
2018-08-10 17:06:41
阅读次数：
120
var shine=0.8; var arrays = ['[255,182,193,0.8]','[144,238,144,0.8]','[255,235,205,0.8]','[240,128,128,0.8]','[255,186,0,0.8]','[255,225,189,0.8]','[2... ...
分类：
Web程序 时间：
2018-08-10 17:05:19
阅读次数：
134
width/hetght : calc(100% - 50px); 十分适用于顶部或底部固定的布局！！！ calc属于css属性，能实现自适应的布局，动态计算长度值。 width/hetght : calc(100% - 50px); 十分适用于顶部或底部固定的布局！！！ calc属于css属性，能 ...
分类：
其他好文 时间：
2018-08-09 17:43:14
阅读次数：
143
viewport原理和使用和设置移动端自适应的方法 HTML中： 该meta标签的作用是让当前viewport的宽度等于设备的宽度，同时不允许用户手动缩放。当然maximum-scale=1.0, user-scalable=0不是必需的，是否允许用户手动播放根据网站的需求来定，但把width设为w ...
分类：
移动开发 时间：
2018-08-08 19:53:13
阅读次数：
224
背景介绍 在升级到12.1.0.2.0数据库版本后，在使用12c中引入的自适应特性默认配置的情况下，可能引起SQL性能的下降。 问题现象升级到12.1.0.2.0后，SQL语句性能可能出现下降。 影响的产品及版本Oracle 12.1.0.2.0 原因和触发条件Oracle 12.1.0.2版本上， ...
分类：
数据库 时间：
2018-08-08 13:46:02
阅读次数：
168
浮动元素特性： 脱离文档流、具有块特性。 应用： 流式布局、自适应宽度、清除多余空隙。 （对于很多插件而言，浮动是个好特性） 缺点： 影响到其后元素布局及其包裹层高度。 （可能出现的结果是布局乱、元素高度获取不准确和重叠现象） 清除浮动： 1.浮层加宽度和overflow属性 （缺点是限制了子层元素 ...
分类：
其他好文 时间：
2018-08-06 21:07:36
阅读次数：
126
