iOS startup images using CSS media queries

h5bp / mobile-boilerplate

DEPRECATED - A front-end template that helps you build fast, modern mobile web apps.

MIT License

3.86k stars 648 forks source link

iOS startup images using CSS media queries #66

Closed alexgibson closed 12 years ago

alexgibson commented 12 years ago

With iOS5 you can now use CSS media queries to serve correctly sized apple-touch-startup images for iOS web apps. No need for JS hackery any more. Maybe worth adding a note?

http://miniapps.co.uk/blog/post/ios-startup-images-using-css-media-queries/

chuanxshi commented 12 years ago

MQs is definitely better than JS hack. wondering the market share of iOS5 at the moment and the adaptation rate.

didn't know iPad required two splash images :)

alexgibson commented 12 years ago

Yeah status bar is 20px high on iPad, so you need to adjust the startup image height accordingly for each orientation :)