Fork me on GitHub

随笔分类 -  CSS

摘要:使用苹果官方推出适配方案css函数env()、constant()来适配 苹果官方推荐使用env(),constant()来适配,建议使用该方案,不需要管数值具体是多少。这2个方法是什么呢? env()和constant(),是IOS11新增特性,Webkit的css函数,用于设定安全区域与边界的距 阅读全文
posted @ 2022-09-01 19:09 较瘦 编辑
摘要:vue 项目如何实现一键网站换肤效果 (webpack-theme-color-replacer 的使用) 现在看不少网站都有一键换肤的效果,这东西要说简单有简单的做法,要说复杂有复杂的做法,看到ant design pro 源码使用了webpack-theme-color-replacer插件,就 阅读全文
posted @ 2022-05-05 17:04 较瘦 编辑
摘要:vue项目中引入sass全局变量的多种姿势 现在脚手架里几乎都集成了less、sass,使用变量的时候,可能都会有如何引入的疑惑,今天就整理一些方式,供大家学习了解。 本文已sass项目为例 局部引入变量文件 虽然日常开发中很少有这种需求,但是也是可以的,就是在你需要的模板引入变量文件即可在当前模板 阅读全文
posted @ 2022-05-05 10:50 较瘦 编辑
摘要:学会css变量看这一篇文章就够了 CSS 变量 这个是 CSS 新功能,2017年3月,微软宣布 Edge 浏览器将支持 CSS 变量,所有主要浏览器已经都支持了。 css 变量语法 变量的声明 声明变量的时候,变量名前面要加两根连词线(--) // 全局声明 :root{ --foo: #ed14 阅读全文
posted @ 2022-04-23 17:46 较瘦 编辑
摘要:学习方法推荐 问题学习法:带着问题去学习,有利于集中注意力,目的明确,这既是有意学习的要求,也是发现学习的必要条件。心理学家把注意分为无意注意与有意注意两种。有意注意要求预先有自觉的目的,必要时需经过意志努力,主动地对一定的事物发生注意。它表明人的心理活动的主体性和积极性。问题学习法就是强调有意注意 阅读全文
posted @ 2019-12-05 10:47 较瘦 编辑
摘要:需要对一个scss变量做calc处理,发现直接使用变量,浏览器是无法识别的, 假定定义变量a=20px使calccalc(100a)这么用是不行的,需要按如下使用方法: width: calc(100% - #{$a}); px转rem时同理: width: cal 阅读全文
posted @ 2019-09-17 18:02 较瘦 编辑
摘要:rem布局原理深度理解(以及em/vw/vh) ###一、前言 我们h5项目终端适配采用的是淘宝那套《Flexible实现手淘H5页面的终端适配》方案。主要原理是rem布局。最近和别人谈弹性布局原理,发现虽然已经使用了那套方案很久,但是自己对rem的理解很含糊, 包括vw、vh等。所以打算写博客总结 阅读全文
posted @ 2019-09-01 19:32 较瘦 编辑

知识点文章整理
点击右上角即可分享
微信分享提示