标签：布局及兼容

01

Oct

新增column属性及瀑布流布局

In 编程 at 2022-10-01

column列布局新增的column属性用来进行多列布局。注意新增属性需要些兼容前缀，如-moz-和-webkit- ，最大兼容到IE10column-count 把当前div中的文本/元素划分为三列-moz-column-c...

Read more 0

02

Sep

浏览器分辨率自适配

In 编程 at 2022-09-02

js检测屏幕宽度更改cssName主要用到的两段代码window.onresize=function(){}; //检测窗口尺寸变化document.body.clientWidth; //当前屏幕宽度例子//检测变化 windo...

Read more 0

02

Sep

双飞翼与圣杯布局案例

In 编程 at 2022-09-02

双飞翼布局一般用于三栏布局,左右两栏相等,等比例缩放<style> body{margin:0px;} .container{width: 100%;overflow:hidden;} .container div{...

Read more 0

02

Sep

低版本IE兼容处理

In 编程 at 2022-09-02

css兼容代码示例csshack使用ie的css兼容是一层层覆盖关系。/IE6 绿色 IE7 黑色 IE8紫色 IE9橘黄 1E10灰色/.hack{ background-color:red; /*默认*/ backgrou...

Read more 0

02

Sep

flex布局

In 编程 at 2022-09-02

flex布局在flex中，没有x和y轴，这里称之为主轴和交叉轴应用在flex container 上的css属性 flex-flow 缩写属性 => flex-direction || flex-wrap fle...

Read more 0