2013-08-20 1 views
1

모든 "현대"웹 사이트에 대해 "rem"장치를 사용하여 ie7-8과 호환되도록했습니다. ".font-size(10);" 출력이 "font-size:10px; font-size:1rem;" 인 less 함수를 사용하고 있습니다. rem 실용적인 모든 것들 (너비, 위, 문자 간격, ...) 내 CSS는 픽셀 fallback없이 훨씬 leaner 것입니다. 어떻게하면 자동으로 rem을 px로 포맷하는 .htc 파일을 만드는 것이 어려울까요? js가없는 다른 방법이 있습니까?Rem for fall7-8

답변

2

IE7/8을 지원해야하는 경우 LESS 폴백 기능을 사용하십시오.

바이트를 저장하기 위해 픽셀 폴백을 제거하지 않아도됩니다.

CSS에 font-size: 10px; 개의 인스턴스 100 개가 있다고 과장 해 보겠습니다. 그것은 100 * 16 바이트입니다. 이는 단지 1.6KB입니다. 그리고 그것은 HTTP 압축 후에도 그보다 더 적을 것입니다. 그것은 무시할 만하다.

아마도 더 중요한 사항에 대해 걱정할 필요가있을 것입니다.

+0

크기를 사용하는 모든 속성 rem : 너비, 높이, 위쪽, 여백, 패딩, 테두리 - 반경, ... 픽셀 폴백의 100 인스턴스는 내가 꽤 빨리 가질 수있는 것입니다 ... – user2606129

+1

글쎄, 500 인스턴스는 ~ 8KB 밖에되지 않으며 HTTP 압축 덕분에 큰 비율로 축소됩니다. 예, 할 수있는 일이 있습니다.하지만 제 의견으로는 그 누구도 그럴만한 가치가 없습니다. 나는 당신에게 나쁜 충고를하고 싶지 않습니다. – thirtydot

관련 문제