fooninja.net

fooninja.net goes mobile

I bought an Android phone and decided to make fooninja.net a bit more mobile-friendly by creating a CSS for smaller screens. It basically just removes the ads and sets width to auto. This is what I added to the page header:

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;" />
...
<link rel="stylesheet" href="/css/handheld.css" type="text/css" media="only screen and (max-device-width: 800px)" />

It seems to work well, but I've only tested it on my Samsung Galaxy S2. Let me know if you find anything odd.

(I also added a print CSS. Forgot about that!)

2011-06-10 ·

blog comments powered by Disqus

fooninja.net - a collection of notes on this and that. Powered by caffeine, vi, Jekyll, Linode,* missed evenings with loved ones, endless nights, etc. Contact? Send email to e.root AT fooninja DOT-E-LI-DOT net. Feeds: RSS, Atom.

Other projects: in-sweden.org (no-frills guide to Sweden)

* Linode rocks. If you're looking for a great VPS host and if you like this site, please consider getting two birds stoned at once and use the referral code 07a44277020edf5a84d97f99c67e7c8214b9f8a9 if you're signing up on Linode, or use this link. No extra cost for you and you'll have my eternal gratitude.