http://www.woshipm.com/pmd/176328.html 各自的定义: px:pixel,像素,电子屏幕上组成一幅图画或照片的最基本单元 pt: point,点,印刷行业常用单位,等于1/72英寸 ppi: pixel per inch,每英寸像素数,该值越高,则屏幕越细腻 dp ...
分类:
其他好文 时间:
2018-04-26 14:07:38
阅读次数:
187
当父元素设置高度为百分比的时候line-height的值自然也就不能是定值不能用绝对的px值,但是给line-height设置百分比,实际上这个百分比是根据字体大小计算的,还是无法得出具体的百分比,所以遇到这种情况只能另辟蹊径,有两种解决办法:1.给父元素设置display:flex;align-items:center;justify-content:center;2.给父元素设置displa:
分类:
其他好文 时间:
2018-04-25 14:01:10
阅读次数:
174
1.项目根目录下,创建 .postcssrc.js 文件。 2.安装插件。 -D (开发依赖) postcss-import postcss-url cssnano-preset-advanced -S (开发、运行都依赖) postcss-aspect-ratio-mini postcss-px- ...
分类:
移动开发 时间:
2018-04-23 11:12:48
阅读次数:
5063
介绍:rem是相对字体单位;根据html根元素大小而定,同样可作为宽高等单位; 适配原理:将px替换成rem,采用rem适配移动web的原理,根据不同屏幕宽度设置html的font-size的大小; 计算公式:1rem=html的font-size(浏览器默认font-sizt:16px); 动态修 ...
分类:
其他好文 时间:
2018-04-20 23:28:57
阅读次数:
186
px(像素)、em、% 百分比 1. em 1.1 本元素给定字体的 font size 值,如果元素的 font size 为 14px ,那么 1em = 14px;如果 font size 为 18px,那么 1em = 18px。 实现段落首行缩进 24px(也就是两个字体大小的距离) 1. ...
分类:
其他好文 时间:
2018-04-16 21:09:56
阅读次数:
141
水平横线 <hr /> 横线对齐 <hr align=left/right/center /> 横线厚度 <hr size=? /> (以px为单位) 横线宽度 <hr width=?/% /> (以px或%为单位) 实心线 <hr noshade /> (没有立体效果) 以上标签属性[HTML5] ...
分类:
其他好文 时间:
2018-04-16 18:37:39
阅读次数:
227
问题 在使用echart去创建图表时,发现图表只占了容器的一个角落,如图,并没有充满容器。 第一反应是容器元素的样式有问题,于是我把容器的宽高都改为px指定的(之前是百分比设定的,查询资料发现说echart容器宽高要明确指定),修改之后,还是和上面一样的展示,依旧有问题。 定位 于是我想是不是渲染图 ...
分类:
其他好文 时间:
2018-04-15 13:34:19
阅读次数:
648
多列: 1、 分割列 属性:column-count: 值:数字;2、 列间隔; 属性:column-gap: 值:(10px,1em)px单位3、列规则 column-rule:width style color; 1、转换: 1、什么是转换:变形 2、属性1 、transform 值:none ...
分类:
Web程序 时间:
2018-04-11 15:45:59
阅读次数:
193
px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。 em是CSS3新增的一个相对单位(root em,根em),这个单位引起了广泛关注。这个单位与em有什么区别呢?区别在于使用rem为元素设定字体大小时,仍然是相对大小,但相对的只是HTML 根元素。这个单位可谓集相对大小 ...
分类:
其他好文 时间:
2018-04-10 13:38:19
阅读次数:
177
/*↓↓↓↓↓ @function实现px转化rem单位 推荐使用这种方法 ↓↓↓↓↓↓↓↓*/$browser-default-font-size: 16px !default;//变量的值可以根据自己需求定义html {font-size: $browser-default-font-size; ...
分类:
其他好文 时间:
2018-04-09 00:23:39
阅读次数:
689