Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Custom CSS / meta tag for iPad/iPhone

I am working on a web app that uses Extjs components, PHP, and MySQL. I want to correctly display my apps on iPad. Are there special CSS rules or meta tags?

like image 589
cranberies Avatar asked Nov 28 '25 08:11

cranberies


1 Answers

Your question is fairly vague. Here are some tips for developing a web application on iOS:

  • For fixed width sites, use a <meta> tag to tell mobile Safari what the width of your site should be, similar to:
    <meta name = "viewport" content = "width = 320, initial-scale = 2.3, user-scalable = no">
  • You can get a list of other <meta> tags supported by mobile Safari here.
  • Mobile Safari adds new events to the JavaScript DOM in order to support touch and orientation change. Here is the Apple reference to them.
  • Here's a useful overview of how to make a web app suitable for use on iPad.
  • Finally, try a Google search.
like image 71
Jeremy Fuller Avatar answered Nov 30 '25 20:11

Jeremy Fuller