Home > Blogs > Carlos Sagastume > Carlos HUD Homes Blog

iPhone Hack: Make Your Website Readable on iPhone & Blackberry

By Carlos Sagastume

Services for Real Estate Pros with Baltimore HUD Homes

July 03, 2007 08:50 AM

Here is a simple one line change which will make your website pages viewable well on iPhone and Blackberry. Add the following to your HTML HEAD section:
<meta name="viewport" content="width=320">

Apple is using the following on their RSS reader website:
<meta name = "Viewport" content = "maximum-scale=1.6,width=320" >

Comments(3)

Comment

Show All Comments

Sort:

Raj Dhaliwal

Century 21 Coastal Realty Ltd. - Abbotsford, BC

Personal Real Estate Corporation

But then your site will become 320 px wide even on the large screen. Can you fit everything in that width? I was thinking about a special page (mobile.yourrealtysite.Com) for the mobile devices. instead of making changes to the whole website.

Jul 03, 2007 09:22 AM

Carlos Sagastume

Baltimore HUD Homes - Baltimore, MD

Try this site http://iwphone.contentrobot.com/

Jul 06, 2007 03:22 PM

Steven Dean

Compass Real Estate | 202.545.6900 - Washington, DC

Everything has to fit in that width or it breaks on the iPhone. If there is a table over 320 wide then that meta tag causes data not to display.

Jan 21, 2008 11:58 AM