Format a webpage for mobile

Get Started | Login

Discussion Forums > Uncategorized

Replies: 3 Views: 288

Higgey buzztouch Evangelist Posts: 394 Reg: Sep 07, 2011 West Midlands 13,540	confirm \| cancel 09/23/11 02:05 AM (14 years ago) Format a webpage for mobile Hi, How do I format a webpage dedicated only to be viewed on a Smartphone? Is there a template that I can use? I'd be grateful to know. Kind regards, John Title Comments Hi, How do I format a webpage dedicated only to be viewed on a Smartphone? Is there a template that I can use? I'd be grateful to know. Kind regards, John

MGoBlue Apple Fan Posts: 980 Reg: Jun 07, 2011 Gold River, CA 10,600	09/23/11 05:51 AM (14 years ago) Hi John, There's a ton of info on the web about this that you should be able to find with a simple google search. If you're just directly accessing a page (or building a custom html in BT), at a minimum, you're going to want to set a meta tag like this in your header: <meta name=viewport content=width=device-width,initial-scale=1,user-scalable=no /> That will keep the parameters of the page within the mobile confines. You can take an existing page, and using a little browser identification, have it switch the css. Here's one good article: http://www.sitepoint.com/iphone-development-12-tips/ Hope this helps. Jeff Comments Hi John, There's a ton of info on the web about this that you should be able to find with a simple google search. If you're just directly accessing a page (or building a custom html in BT), at a minimum, you're going to want to set a meta tag like this in your header: <meta name=viewport content=width=device-width,initial-scale=1,user-scalable=no /> That will keep the parameters of the page within the mobile confines. You can take an existing page, and using a little browser identification, have it switch the css. Here's one good article: http://www.sitepoint.com/iphone-development-12-tips/ Hope this helps. Jeff

Higgey buzztouch Evangelist Posts: 394 Reg: Sep 07, 2011 West Midlands 13,540	09/23/11 09:06 AM (14 years ago) Hi Jeff, Many thanks. I found the info in Google really confusing so I realy appreciate your clarity. I'll use you ar advice. Many thanks. Kind regards, John Comments Hi Jeff, Many thanks. I found the info in Google really confusing so I realy appreciate your clarity. I'll use you ar advice. Many thanks. Kind regards, John

mikeferrari buzztouch Evangelist Posts: 1 Reg: Sep 23, 2011 San Diego 1,260	09/24/11 12:07 AM (14 years ago) Your doctype at the top of your file needs to be as such: <!DOCTYPE html PUBLIC -//WAPFORUM//DTD XHTML Mobile 1.0//EN http://www.wapforum.org/DTD/xhtml-mobile10.dtd> Comments Your doctype at the top of your file needs to be as such: <!DOCTYPE html PUBLIC -//WAPFORUM//DTD XHTML Mobile 1.0//EN http://www.wapforum.org/DTD/xhtml-mobile10.dtd>

Login + Screen Name Required to Post Login to participate so you can start earning points. Once you're logged in (and have a screen name entered in your profile), you can subscribe to topics, follow users, and start learning how to make apps like the pros.