Make Website and WebApp Compatible with iPhone and Blackberry
Most websites and web pages will be compatible and work fine on iPhone and Blackberry. However, it’s still possible to make the web sites more supportive, ready and friendly to Apple iPhone by giving more information to iPhone about how the webpage should be displayed on the iPhone browser. Beside, for web sites that try to emulate the functionality of the built-in iPhone applications such as webapps that use Canvas, AJAX functionality and limit the size of the page to 320x480px (or 480x320px), it’s best to ensure iPhone and Blackberry compatibility to ensure that the page is rendered and formatted correctly and avoid problem such as web page or application not scaling properly when rotate and Safari browser zooming out.
One of the best way with just one line change on website coding to make website and web app support iPhone and Blackberry is by telling the PDA phone of the viewport size of the overall page. To do so, simply add the following line to the HTML HEAD section of the web page:
<meta name=”viewport” content=”width=320″ />
viewport is visual formatting model for visual media in CSS 2.1 specification, where it is a window or other viewing area on the screen through which users consult a document (mean part of the screen that you’re actually seeing). User agents may change the document’s layout when the viewport is resized. Other parameters applicable for viewport include initial-scale, user-scalable, minimum-scale and, maximum-scale where you can try to make your website fit into iPhone and BlackBerry view area. The example of usage:
<meta name=”viewport” content=”initial-scale=1.0″ />
<meta name=”viewport” content=”user-scalable=false” />
You can mix the setting u want to use into a single META HTML code such as:
<meta name=”viewport” content=”width=320,user-scalable=false” />
Related posts:
- Compare Website Traffic and Website Statistics Easily Alexaholic
- All New SmartPhone BlackBerry 8800
- BlackBerry 8700g Reviews
- BlackBerry 7130e Reviews
- BlackBerry Pearl (8100) Reviews
So many key factors are left out of this post. While I realize it was written in 2007, now may be a good time to update it with all the new functions available with HTML 5 and CSS3. Maybe if you re-write it you can alleviate some of the grammar for the idiots who are complaining.
Very helpful posting. Thank you very much.
to those that are moaning about the grammar, why don't you understand what he's saying and then offer to write the post again, or better still, why don't you take the time to write a post like this on you site…..twats!!!
Just what I needed, thanks.
Good job my friend. Grammer police, you are not even smart enough to know all the people that made their way to this site were/are looking for one thing: make website and we app copartible with iPhone. Take your grammer lesson somewhere else.
First thanks for the info, very useful.
Second to those retards:
Maybe the the grammar structure is not good, but you have to be a total idiot to not understand the message.
I think some people obviously have way too much time n their hands. Especially if all they do is complain about someone's grammar. It's obvious that the gentleman is not from an English speaking country. Let's see how good the grammar_police's grammar is in Chinese or Russian.
Give the guy a break. He's obviously very intelligent. Perhaps more so than grammar_police.
Good tips, but seriously, your writing needs help. Have somebody proof-read your articles before you publish them.
Hey nice post,
Companies must look forward to have their websites iPhone compatible rather than runnig behind iPhone apps.
I read this completely and don't understand it at all. I don't understand it because you are a complete idiot. Please go back and look at your grammar.
This is one sentence?
You made some good points there. I did a search on the topic and found most people will agree with your blog.
http://www.engageinteractive.co.uk/blog/2008/06/1…
this is the ultimate guide for building an iphone compatible website
Nice post, i've been looking for articles about how to design and develop websites compatible with iphone
It looks very simple, thank you