Last Updated: February 25, 2016
· peritpatrio

Simulate iPad mini's physical size on bigger iPads

Want to get an estimate of how things look and feel on an iPad mini, but don't have one? Try adding this to your CSS and check the page on a real device:

html { -webkit-tranform:scale(0.81); }

3 Responses
Add your response


Does this work for all larger iPads (1, 2, 3, 4)? So regardless of the resolution this will work?

over 1 year ago ·

@milesmatthias Yes. It will be very near the actual size of the iPad mini's screen. Of course resolutions don't match, so rendering maybe better or worse than on the actual device.

over 1 year ago ·

And animations would be much better on the acutal device. Wrapping your entire website in this will probably cause a few crashes when doing CSS animations

over 1 year ago ·