前端样式

  • CSS
  1. 属性计算
    Less:
.wrap {
    height: calc(~"100vh - 50px");
}

Sass or pure css:

.wrap {
    height: calc(100vh - 50px);
}

2、比较函数

  • clamp(min,flexible,max)
  • min(item,item,item...)
  • max(item,item,item...)
    三种方法均作为自适应页面css属性,max和min方法中至少有如x%,x vw等等可变参数,clamp方法中flexible为可变参数,min和max为左右阈值
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 邂逅FLutter 万物皆是Widget 一般缩进2个空格 文字居中 Widget Center() Materi...
    JackLeeVip阅读 3,242评论 0 4
  • 1.1CSS 基础与选择器初识 | CSS 1. CSS 加载方式有几种? CSS样式加载一共有四种方式: 1、行...
    没糖_cristalle阅读 764评论 0 0
  • div div可以用作设计客服对话框,涉及的样式有:word-wrap: 允许长单词换行到下一行(用来控制对话框中...
    写给猫阅读 417评论 0 2
  • css相关 1. 万能居中 1.margin: 0 auto;水平 2.text-align: center;水平...
    chaocc阅读 991评论 0 2
  • Data Visualization with D3 D3: SVG中的jQurey 1. Add Documen...
    王策北阅读 787评论 0 2