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); }
Written by Petri Partio
Related protips
3 Responses
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
·
Have a fresh tip? Share with Coderwall community!
Post
Post a tip
Best
#Css
Authors
Sponsored by #native_company# — Learn More
#native_title#
#native_desc#