2016-08-23 3 views
0

REM 단위는 글꼴 크기가 아니라 요소의 크기에 사용할 수 있습니다. 그리고 HTML font-size 속성에 매우 유용합니다.요소 크기에 대한 CSS Rem 단위

html { font-size:1vw } 
@media all and (max-width:720px) { 
    html { font-size:10px } 
} 
#el { width:20rem;height:5rem } 

적절하고 신뢰할 수 있습니까?

답변

1

나는 너에게 달려 있다고 생각한다.

나는 일반적으로 적용

  • REM을 글꼴 크기에 픽셀 콜백으로, 최고! 요소의 패딩과 마진
  • 픽셀, %, 폭스 바겐 및 VH에 대한
  • EM은
  • 크기 및 미디어 쿼리에 내가 그들을 사용하지만, REM 및 PX는 일반적으로도 사용된다.

글꼴 크기로 엠을 사용하는 경우 어린이 요소가있는 모든 것을 엉망으로 만들 수 있으므로 권장하지 않습니다.

크기 요소에 대한 REM은 흥미 롭습니다. 그러나 %가 충분하지 않은 몇 가지 경우에는 반응 형 동작에 대해 vw와 vh를 많이 즐기고 있습니다.

그리고 당신은 당신의 디자인에서 어떤 고정 된 크기 width: calc(100% - 85px); 같은 CSS calc function

몇 가지 멋진 물건을 할 수 있습니다.

이것은 단위에 관한 Recommended read입니다. 희망이 당신을 돕습니다.