- 博客(4)
- 收藏
- 关注
原创 CSS设置10px大小字体
最近遇到了一个打印的需求,要求字号为10px,由于chrome有限制,css设置的字体大小最小为12px。网上给出来的解决方案是用scale进行缩放,但这个操作没有cover到对文本的换行计算,导致文本每行文本的后面都有大部分留白。需要注意,firefox不支持room属性,不过firefox对字体的大小是没有限制的,根据浏览器类型切换下样式就行。比较ok的解决方案是。...
2022-08-01 10:45:56 2033 1
原创 如何理解type Record<K extends keyof any, T>
Record的完整定义如下type Record<K extends keyof any, T> = { [P in K]: T;};首先要先理解keyof any是啥。type KEY = keyof any //即 string | number | symbol因为不管什么类型,它的key总是string,number,symbol中的一种。let a: any;a['a'] //oka[0] // oka[Symbol()] //oka[{}] // e
2021-08-04 14:42:36 3859 1
原创 使用minmax(10px, 1fr)代替1fr避免踩坑
grid布局的常见写法如下.grid { display: grid; grid-template-columns: repeat(3, 1fr);}这样写存在一些问题:grid column的最小宽度是它的min-content,使用<pre>,<image> 可能会溢出1fr的大小。推荐写法如下.grid { display: grid; grid-template-columns: repeat(3, minmax(10px, 1fr));}给
2021-01-27 11:16:15 1823
原创 从vuex中读取异步请求到的数据
computed:{ ...mapState({ categoryList:state=>state.home.homeData }) }, mounted() { console.log(this.categoryList); //错误示例!不应该在mounted中直接读,此时请求还没有完...
2019-10-08 18:39:06 1673 2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人