H5 媒体查询和多列

今天学习了一些关于媒体查询的操作以及多列的用法下面是一些简单的笔记

媒体查询:

@media all/screen(设备类型) and (min-width:100px) and    

(max-width:200px) {在页面缩小时对那个属性进行操作 }

      注意:and 后面要跟空格

多列:

column-count:分栏的个数

column-width:分栏的宽度

column-gap:分栏的间距

column-rule:分栏的边距

         column-rule-color规定列之间规则的颜色。

           column-rule-style规定列之间规则的样式。

            column-rule-width规定列之间规则的宽度。

column-span:all/none 设置是否横跨所有列

column-fill:auto列高度自适应内容

           balance所有列的高度以最高的统一(默认值)

break-inside:avoid 避免中断


版权声明:本文为qq_26323767原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。