CSS3 how to calculate height and width after scale

javascript jquery html css webkit-transform
Mo. picture Mo. · May 9, 2013 · Viewed 15.2k times · Source

Is there any jQuery solution that to find exact display height of the -webkit-transform: scale(0.7851);

the scale value may vary that is why looking for proper solution

Tested these options unfortunately didn't find solution yet :( 

height()
innerHeight()
outerHeight()
outerHeight(true)

I think this issue only can fix one the basis of mathematics ;)

Answer

Antony picture Antony · May 9, 2013

Use getBoundingClientRect().

element.getBoundingClientRect().height

See DEMO.

Related questions

Refresh/reload the content in Div using jquery/ajax

I want to reload a div on click of a button. I do not want to reload the full page. Here is my code: HTML: <div role="button" class="marginTop50 marginBottom"> <input type="button" id="getCameraSerialNumbers" value="…

Read More
How to apply !important using .css()?

I am having trouble applying a style that is !important. I’ve tried: $("#elem").css("width", "100px !important"); This does nothing; no width style whatsoever is applied. Is there a jQuery-ish way of applying such a style without having to …

Read More
How to add `style=display:"block"` to an element using jQuery?

How to add style=display:"block" to an element in jQuery?

Read More