发表于: 2018-08-27 22:41:47
1 795
今天完成的事情:
1.看了一下师兄的评价,了解了一个知识点:为什么根元素font-size设置成100px或625%?
html的字体大小设置为font-size:62.5%原因:浏览器默认字体大小是16px,rem与px关系为:1rem = 10px,10/16=0.625=62.5%,为了子元素相关尺寸计算方便,这样写最合适不过了。只要将设计稿中量到的px尺寸除以10就得到了相应的rem尺寸,方便极了。当然,直接将html元素设置为10px,也是可以的。
但是为什么一般多是 html{font-size:62.5%;} 而不是 html{font-size:10px;}呢?
因为有些浏览器默认的不是16px,或者用户修改了浏览器默认的字体大小(因浏览器分辨率大小,视力,习惯等因素)。如果我们将其设置为10px,一定会影响在这些浏览器上的效果,所以最好用绝大多数用户默认的16作为基数 * 62.5% 得到我们需要的10px。
实际项目设置成 font-size: 62.5%可能会出现问题,因为chrome不支持小于12px的字体,计算小于12px的时候,会默认取12px去计算,导致chrome的em/rem计算不准确。
针对这个现象,可以尝试设置html字体为625%,即100px,body 修正为16px,这样 0.1rem 就是 10px,而body的字体仍然是默认大小,不影响未设置大小的元素的默认字体的大小。
所以在昨天的代码的基础上进行了换算,重写了代码,并将代码上传到服务器。
2.下载了任务4的设计图,只做了头部
明天计划的事情:明天继续做任务
遇到的问题:今天用Filezilla连接自己的服务器时,可能因为服务器不稳定,总是连接不上,拖慢了今天的进度
收获:1.实际项目中一般设置html字体为625%,即100px,这样 0.1rem 就是 10px,即方便了计算,也不会遇到chrome不支持小于12px的字体,计算小于12px的时候,会默认取12px去计算,导致chrome的em/rem计算不准确的问题
2.因为在服务器端启动nginx用到了systemctl的相关命令,去研究了一下:
systemctl:linux中service与chkconfig的替代者
systemctl用法及示例:
其实这些命令还是非常好记的,与英文单词对应。因为在服务器端启动或者重启nginx,查看nginx运行状态,所以还是留个印象给自己
评论