写网页的时候,Px单位转成em是多少?比如50px等于多少em呢?
发布网友
共4个回答
热心网友
任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合：1em=16px。那么12px=0.75em，10px=0.625em。
为了简化font-size的换算，需要在css中的body选择器中先全局声明 Font-size=62.5%，很多初学者可能会在此定义0.625em或者直接定义12px，这是没有效果的，一定要定义font-size=62.5%。
这就使em值变为 16px*62.5%=10px， 这样12px=1.2em，10px=1em，也就是说只需要将原来的px数值除以10，然后换上em作为单位就行了。
所以50px等于5em。
热心网友
任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合：1em=16px。那么12px=0.75em，10px=0.625em。
为了简化font-size的换算，需要在css中的body选择器中先全局声明 Font-size=62.5%，很多初学者可能会在此定义0.625em或者直接定义12px，这是没有效果的，一定要定义font-size=62.5%。
这就使em值变为 16px*62.5%=10px， 这样12px=1.2em，10px=1em，也就是说只需要将原来的px数值除以10，然后换上em作为单位就行了。
所以50px等于5em。
热心网友
那是根据你的父元素font-size:（同个元素的font-size:优先）
比如body的font-size: 10px;，那子元素中1em = 10px;
如果子元素设置了font-size: 2em; // 取父元素的font-size: 10px; == 1em, 所以这里设置了font-size为20px.子元素设置了font-size之后，1em 就会变成font-size的值，在这里即20px.
挺乱的- -
还有一个单位rem- -
具体可以百度上看看~
热心网友
如果没有在body中声明Font-size为多少，也就是说在默认情况下1em=16px
