CODEWITHSUNDEEP
mobilecsshtmlipad
Witek
Witek

Reputation: 6462

Websites for mobile browsers: CSS and meta tags

Some sites do not work in mobile browsers. Often this is caused by specific CSS attributes or missing HTML meta tags.

For example the HTML tag <meta name="viewport"...> is required for correct scaling of the page. Or the CSS attribute overflow: scroll; in a div on the page does not work on iPad as expected.

What specific Tags/Attributes does a HTML developer need to understand and use when enabling a page for mobile browsers?

Upvotes: 1

Views: 852

Answers (2)

Web Designer cum Promoter
Web Designer cum Promoter

Reputation: 1336

meta tags for mobiles 

<meta name="format-detection" content="telephone=no">
<meta http-equiv="x-rim-auto-match" content="none">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">

Upvotes: 1

palbakulich
palbakulich

Reputation: 261

The world is mobile, we as user interface experts have to rise to the challenge and face the future!

A couple of awesome resources to look at for developing mobile sites are the opera dev teams articles & W3C standards on CSS for Mobiles.

Upvotes: 1

Related Questions