
css
QIMEIJUNF
与时间赛跑
展开
-
CSS 中的字号与行高
问题: 设置字号大小为 20px , 然而真实字体高度却不是20px, 为什么???一、设计的字体设计字体的三个参考线: 上线、基线、下线如图所示: 字体大小 = 顶线(ascender) + 底线(descender)假设 将字体高度设置为1000个单位 (这个数值根据设计师的设计而来,可以更改)以上图为例:字体的真实高度 = (ascender - (-descender)) ...原创 2019-10-15 11:26:38 · 2208 阅读 · 0 评论 -
剖析CSS三角形原理
先来一个简单的三角形案例:width: 0px;height: 0px;border-top: 40px solid transparent;border-left: 40px solid transparent;border-right: 40px solid transparent;border-bottom: 40px solid red;页面效果如图: 边...原创 2018-03-28 11:34:59 · 389 阅读 · 0 评论 -
safari 遇到的坑
虽然Safari和chrome的内核都是 webkit 内核,但是两个浏览器还是有一些细微的差别,这次项目中遇到了一些,就在这里记录一下,避免下次再遇见。后面再遇见新的问题,会继续更新。一、获取时间戳的问题必须将时间格式转换成 YYYY/MM/DD 才能获取到,否则会得到 Invalid Date二、关于MP4的问题1、Safari浏览器下不能播放MP4的视频2、使用elem...原创 2019-05-17 13:51:26 · 1149 阅读 · 0 评论