发表于: 2018-05-19 15:45:10

1 544


目前在做平面设计的工作,还在上班,so......给耽搁了

这几天完成的事情:

主要琢磨了在浏览器中表现大小的单位,大概分为两种:

一、相对单位:相对单位,我是这么理解的,就是有个参照物,本身的大小是根据参照物的大小而决定的。

比如单位:vw(当前视口的宽度,也就是浏览器用来展示网页部分的宽度大小的百分比),1vw就等于当前视口宽度的1%。(这一句话超对我来说超级重要,整了好久才整明白是咋回事儿。)

下面在来统一介绍下相对单位,(也是我这几天在工作之余的研究成果)。

1.em:基准点为父节点字体的大小,如果自身定义了font-size按自身来计算(浏览器默认字体是16px),整个页面内1em不是一个固定的值。

2.rem:可理解为”root em”, 相对根节点html的字体大小来计算。

3.vw:viewpoint width,视窗宽度,1vw等于视窗宽度的1%。

4.vh:viewpoint height,视窗高度,1vh等于视窗高度的1%。

5.vmin:vw和vh中较小的那个。

6.vmax:vw和vh中较大的那个。

7.%:百分比。


二、绝对单位:绝对单位,这个就很好理解了,就是绝对的不会发生变化的,不管在什么情况下大小都是固定的。

1.px:绝对单位,页面按精确像素展示。(最常用的)

2.mm:毫米。

3.cm:厘米。

最终九宫格完成,购买了学员专用空间,上传上去,且上传到了gitHub,等待师兄检查。

明天的计划:

在复习一下有关尺寸大小单位方面的东西,然后学习内边距、外边距及盒模型方面的东西,准备攻克下一关!


遇到的问题:

一开始遇到了一些问题,现在回想一下,那些都不是问题。

不过还是有个问题难住我了,那就是  nginx  这玩意儿了,找了教程安装成功了,显示欢迎页面了。

就是配置本地文件,通过其他电脑和手机访问的时候总是失败,也没有过多研究,觉得把大把的时间放在这上面有点浪费了(我时间本来就不多)。


收货:

当然就是学会了九宫格了,这个是废话师兄可以忽略了。

重要的是把常用的一些尺寸单位整明白了。

不得不说的是这一关设置的太好了,在学习CSS 之前先整明白在浏览器中用来表示的大小的单位,在以后的学习或是工作中都是要经常用到的。


返回列表 返回列表
评论

    分享到