[pmwiki-users] Trying to make default skin work on mobile

Thu May 1 12:54:02 CDT 2014

Recently got a 240x320 px ,  android v.4.1.2 Jelly Bean mobile
and was happy to see most of pages on my site readable
(without zooming first), after adding some css to local.css 
and minor changes to skin.tmpl
Got expected layout result.
Currently testing on ,
http://dev.insteps.net/pr/a/pmwiki/Cookbook/HomePage

skin = pmwiki
1.
---------------------------
pmwiki.tmpl (changes)
---------------------------
replaced every thing before <title.... with

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

2.
---------------------------
local.css (add)
---------------------------
See code within
 @media (max-width: 760px) { .. }
http://dev.insteps.net/pr/a/pmwiki/pub/css/local.css

--------

Though the approach may not be elegant but above code
does bring out some minimum code needed to make 
pmwiki skin sites somewhat presentable on mobile.

-- 
Regards.
V.Krishn
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://www.pmichaud.com/pipermail/pmwiki-users/attachments/20140501/1d8c5951/attachment.html>