1 ;(function flexible (window, document) { 2 var docEl = document.documentElement 3 var dpr = window.devicePixelRatio || 1 4 5 // adjust body font siz... ...
分类：
移动开发 时间：
2018-10-24 11:57:49
阅读次数：
233
总结一下，最经典的面试题 分两种情况，宽高确定和不定宽高 （一）宽高确定 初始条件如下： 1. 绝对定位 + 负margin 里面的盒子相对于父盒子绝对定位，距离上面和左边分别为50%，此处的50%是相对于父元素的高和宽， 然后通过margin-left 和 margin-top 设置为负值，使元素 ...
分类：
Web程序 时间：
2018-10-24 10:43:43
阅读次数：
177
一、Flex 布局是什么？ Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为 Flex 布局。 行内元素也可以使用 Flex 布局。 Webkit 内核的浏览器，必须加上-webkit前缀。 注意，设为 Flex 布局以后， ...
分类：
其他好文 时间：
2018-10-24 01:09:03
阅读次数：
199
具体案例查看co-dialog：https://koringz.github.io/co-dialog/index.html 2.0.1版本优化项，代码压缩，修复PC和移动端自适应，修复显示弹出框浏览器边框隐藏对body产生内容错位，添加 onResize 默认为 true， 添加选项 type 不 ...
分类：
其他好文 时间：
2018-10-24 00:55:29
阅读次数：
238
方法一：使用position 元素已知宽度 方法二：position tranform 元素宽度未知 得到的效果和上图一样 当使用这种方法将文字放在div水平垂直的位置的时候，会出现字体边缘模糊的结果，解决方法是：使用flex完成垂直居中,设置排列方向为column,并设置justify-conte ...
分类：
Web程序 时间：
2018-10-23 23:09:38
阅读次数：
180
flex布局 display：flex； 注意，设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。 一，flex-direction：决定主轴的方向 row：起点在左边，向右边方向延展 row-reverse：起点在右边，向左边方向延展 column：起点 ...
分类：
其他好文 时间：
2018-10-21 16:50:59
阅读次数：
180
1. 尽量采用flex 布局，指定flex-direction是row( 从左到右）还是column （从上到下） 特别要记得写 flex-wrap: wrap; 不然超出屏幕部分不会换行 2. 美工设计是按Iphone6, 750px*1334px的尺寸设计。切图的尺寸对应wxss里的rpx， 1 ...
分类：
微信 时间：
2018-10-21 10:19:19
阅读次数：
1330
一、介绍 下边将介绍前端很流行的布局方式，要求两边固定，中间自适应。比较流行的布局方式有圣杯布局，双翼布局，flex布局、绝对定位布局。 二、圣杯布局 圣杯布局，顾名思义，他具有以下特点： 1.三列布局，中间自适应，两边定宽； 2.中间栏要求在浏览器中优先展示； 接下来我们看实现方式： div我们这 ...
分类：
其他好文 时间：
2018-10-21 00:59:27
阅读次数：
175
1、flex布局（弹性布局Flexible Box弹性盒子） 基本概念：采用 Flex 布局的元素称为Flex容器（flex container），简称"容器"。它的所有子元素自动成为容器成员，称为 Flex 项目（flex item），简称"项目"。 容器默认存在两根轴： 水平的主轴（main a ...
分类：
其他好文 时间：
2018-10-20 19:49:33
阅读次数：
129
