发表于： 2019-05-01 23:31:33
1 804
今天完成的事：
复习了一些旧知识
一、px em rem的含义，px是相对于屏幕分辨率的单位，em是相对于字体大小的单位，继承父元素的字体大小，可以通过设置默认字体大小来调整。rem是root em，相对于根目录的字体大小
二、浏览器默认的情况下，16px=1em，也就是16：1的关系，1px=0.0625em，为了方便两种单位互换调整，可以设置默认字体大小为62.5%，这样一来px：em=10:1。
但值得注意的是，chrome浏览器的最小px为12，所以一般设置默认字体为125%，相当于20px=1em，方便单位转换
三、复习flex布局。资料：http://www.runoob.com/w3cnote/flex-grammar.html
注：flex将会使子元素的float、vertical-align、clear属性失效；还有webkit浏览器内核的问题，需要添加display: -webkit-flext;
返回列表
评论