person

emm...不知道大家知不知道,反正不管怎么样,我就拿来水一下

  1. 打开chrome 哦~
  2. 右键审查元素 or F12 or ctrl+shit+i or 你自己设置的快捷键...
  3. 然后再ctrl+shit+p
    20190726171957.png
  4. 输入screen
    20190726173810.png

即可选择你是部分截图,还是全网页截图了。
(自己看英文哈)

css 常用单位

1.em

在做手机端的时候经常会用到的做字体的尺寸单位

说白了 em就相当于“倍”,比如设置当前的div的字体大小为1.5em,则当前的div的字体大小为:当前div继承的字体大小*1.5

但是当div进行嵌套的时候,em始终是按照当前div继承的字体大小来缩放,参照后面的例子。

2.rem

这里的r就是root的意思,意思是相对于根节点来进行缩放,当有嵌套关系的时候,嵌套关系的元素的字体大小始终按照根节点的字体大小进行缩放。

参照后面给的demo

3.vh

vh就是当前屏幕可见高度的1%,也就是说

height:100vh == height:100%;

但是有个好处是当元素没有内容时候,设置height:100%该元素不会被撑开,

但是设置height:100vh,该元素会被撑开屏幕高度一致。

4.vw

vw就是当前屏幕宽度的1%

补充一句,当设置width:100%,被设置元素的宽度是按照父元素的宽度来设置,

但是100vw是相对于屏幕可见宽度来设置的,所以会出现50vw 比50%大的情况

https://www.jianshu.com/p/9a463d50e441

这篇文章写得不错

1) 单行文字的垂直居中对齐

把line-height值设置为height一样大小的值可以实现单行文字的垂直居中。这句话确实是正确的,但其实也是有问题的。问题在于height,把line-height设置为您需要的box的大小可以实现单行文字的垂直居中,height是多余的。

代替height,避免ie6/ie7中的haslayout

2) 多行文字的垂直居中

要实现高度不固定的文字垂直居中使用padding就好了。对于高度固定的div,里面文字单行或多行显示,字体大小有大有小的情况怎么办呢?方法之一就是借助于line-height。

3)图片的垂直居中

消除图片底部间隙(如果不是居中。)

1.图片块状化-无基线对齐

img {display:block;}

2.图片底线对齐

img{vertical-align:bottom;}

3.行高足够小-基线位置上移

.box{line-height:0;}

6.8终于结束高考

6.9开始搞博客,但是不幸的是宝塔无论如何都让https的博客无法访问,于是我折腾了6.12

6.12一气之下直接安装lnmp,顺利回归。

---以上就是我的蛋疼6天

发表这个文章,证明我回来了,恩