i can code! for Web.: Mobile optimized HTML with meta viewport

Tuesday, June 14, 2011

Mobile optimized HTML with meta viewport

Simple HTML with <meta name="viewport"> tag to make a web page optimized for mobile device.

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width; user-scalable=0;" />
<title>Test viewport</title>
</head>
<body>

<h1>Test: with viewport on mobile device</h1>


</body>
</html>

With <meta name="viewport"> tag

With viewport tag

Without <meta name="viewport"> tag

Without viewport tag

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)