750设计稿，我把fontsize设置10px，那么我在设计稿中px和rem怎么换算

Question

标题就是描述。。

Answer 1

1rem = 10px(font-size的大小)，然后设计稿上你量出的元素大小除以10就是多少rem，例如有个按钮宽度是100px，那么换算rem就是100 / 10 = 10rem

Answer 2

设置为10px时在谷歌浏览器中会出现实现不了设计稿的布局效果。因为谷歌浏览器设置字体即使设置html的font-size为10px，最后依然会是12px。所以根据10px时算出来的rem其实是以12px为基准的。于是设置的宽高都会偏大。在火狐上设置10px是可以的。

Answer 3

chrome下最小字体是12px,1rem 等于 html的font-size大小,你htmlfont-size设为50px.那么750px就是15rem,里面有个div为100px,那就是2rem