1) Include the following DTD<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML
Mobile 1.2//EN" "http://www.openmobilealliance.org/tech/DTD/xhtml-mobile12.dtd";>
2) Include meta tag <meta name="viewport" content="initial-scale=1.0">
3) than u need media queries for portrait version and landscape version against
the main classes which sets your main width.these are called media queries.
For instance, Referring to my code I added following code in bottom area of my
CSS
@media only screen and (max-width: 999px) {
/* rules that only apply for canvases narrower than 1000px */
}
@media only screen and (device-width: 768px) and (orientation: landscape) {
/* rules for iPad in landscape orientation */
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
/* iPhone, Android, Blackberry rules here */
}
Enjoy HTML and CSS powers for layout presentation .
Thanks and Regards
Zulqarnain Ansari (zain)+92 (0) 321.445.4649
Web Architect (Formulatrix)
Web 2.0 Consultant (Digital Media Ventures, Red Ant Army, Kasb Systems)
FOLLOW ME
http://www.coroflot.com/zainansari(Portfolio)http://www.linkedin.com/in/zaini
(Recommendations / Work History)
http://museworx.com/ViewPortfolio.aspx?userID=6774 (Portfolio)
http://twitter.com/dzign (Daily updates)
Date: Mon, 19 Jul 2010 22:08:05 +1000
Subject: Re: [WSG] UI development for blackberry.
From: [email protected]
To: [email protected]
Hi
I want to develop a site for blackberry and iphone is a
good to have support.
can anyone tell me what are the things I need to keep in
mind while developing pages for a blackberry.
does it support png-24 images?
thanks a ton in advance.
Thanks &
Regards
----------------------------------------------------------------------------------
Naveen
Bhaskar
Bangalore, India.
The CPU's in phones such as the blackberry are equivalent to about 500MHz or
so... imagine surfing javascript-enhanced content using that kind of CPU.
For example, simply loading JQuery on a page, causes the final page-render time
to increase by quite a few seconds on my Bold 9000 -> I'd suggest using
minimal javascript only where appropriate.
regards,Mathew Robertson
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [email protected]
*******************************************************************
_________________________________________________________________
Hotmail: Free, trusted and rich email service.
https://signup.live.com/signup.aspx?id=60969
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [email protected]
*******************************************************************
