jQuery 및 ems를 사용하여 CSS 값 계산

Question

프로젝트에 대해 계산 된 값을 사용해야합니다. CSS3 calc 속성을 사용하는 것이 가장 좋습니다. 그러나 Android Webview 기본 브라우저에서는 지원되지 않습니다. 따라서, 내가 찾은 가장 쉬운 방법은이 동작을 처리하기 위해 jQuery를 사용하는 것이었다 :

$(element).css('width','100%').css('width','-=1em'); 

이를 :

$(element).css('width','100%').css('width','-=100px'); 

문제는이 시간, 나는 픽셀 값 대신 전각 값을 사용할 필요가있다 작동 안 할 것이다.

문제를 해결하기위한 (간단한) 해결책이 있습니까?

Answer 1

가장 좋은 방법은 계산을위한 변수를 만드는 것입니다.

var calc = 0; 

그런 다음 var를 사용하여 새 값을 출력하십시오.

calc = $(element).width() - 100; 

값을 확인하려면이 값을 콘솔에 씁니다. 당신이 그와 확실히있어 일단 당신이 어디에 당신이 할 수있는 그때가 JSFiddle를 만들었습니다 도움이 더 필요한 경우

console.log(calc); 

당신은 CSS를

$(newElement).css({"width" , calc + "px"}); 
//Note: this syntax allows for multiple attributes to be applied to an element. 

의 너비를 설정에서 사용할 수 있어야합니다. .깡깡이. http://jsfiddle.net/Fp7qp/

희망이 있습니다.

Answer 2

당신은 em없이 수학을하는 것이 가장 좋습니다. 요소에 글꼴 크기를 선언하지 않으면 1em은 16px와 같습니다.