Pew Pew Laser Blog

Code. Glass art. Games. Baking. Cats. From Seattle, Washington and various sundry satellite locations.

Pew Pew Laser Blog Archives — by Blog ID

Quick and Dirty Mobile Friendly Updates.

4.24.2013

Here are a few quick and dirty upgrades to make your site more usable on mobile and small-screen devices. (Your site is already standards based, right? Good.)

Throw these in your head:

<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">

And this in your stylesheet:

html { -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }

This will give your users pretty good usability on their mobile devices (even when changing orientation on iOS devices) without downloading the whole jQuery library.

Permalink

Tags: code mobile web-development

Authorized users may log-in to leave a comment.

Last Blog: Photoshop CS6 - The Little Things.

Next Blog: Quick and Dirty Git Tricks 1.