鍍金池/ 問答/HTML/ 前端菜鳥，如何理解UI圖？

前端菜鳥，如何理解UI圖？

圖片描述

前端菜鳥，拿到UI圖，做網(wǎng)站時(shí)。下面的CSS Rem 12px;CSS Rem 14px;CSS Rem 14px;，到底該怎么選擇？

我目前的理解：

一個(gè)盒子，選擇`CSS Rem 12px;` width= 40rem;

選擇`CSS Rem 16px;` width= 30rem;

總是保證了盒子的寬度是12px*40 = 16px * 30 =480px;

那既然如此，我又該如何選擇，還是任意選擇？？？
回答
編輯回答
尤禮

rem是相對于跟元素的倍數(shù)

2017年1月2日 09:53
編輯回答
吢丕

你首先要理解em是什么，然后再理解Rem是什么，這問題就解決了。

我這里不對這個(gè)做詳細(xì)介紹，你可以自己去google這兩個(gè)分別是什么。

回到問題，rem和px一樣都是單位，最后也是會(huì)轉(zhuǎn)換成px，但轉(zhuǎn)換的比例不是恒定的，這個(gè)跟根的font-size有關(guān)。

譬如1rem可以等于12px，也可以等于14px。

那么這里就很好理解了，這里面的意思是當(dāng)你的css用rem為單位時(shí)，這個(gè)rem實(shí)際代表的是12px、14px還是16px。

2017年3月7日 22:18