[pmwiki-users] Default Skin and Responsive Web Design for mobile browsers

[H. Fox]

First some background, then a question...

The default PmWiki Skin's stylesheet was carefully developed in 2006
with cross-browser compatibility in mind.  This was done using, among
other things, a service called "browsercam" that renders pages in a
variety of environments using virtual machines and screenshots.(*) A
lot of work went into it, and it has stood the test of time.

2006 was a long time ago in "Internet years".  :-)

Browsers from that era have long since evolved and usage-share among
browsers has changed considerably. Google Chrome, the most popular
browser today, didn't even exist until two years later.

Mobile browsing? In 2006? Heck there was no iPhone (2007) or iPad
(2010) then, much less the myriad Android and other mobile devices
that exist now.  The netbook hadn't been invented yet, either.

The default skin didn't take mobile browsing into account, and it
shows. Responsive Web Design is where the skin really falls short.

The Question:

Is there a workable way to "incrementally" add Responsive Web Design
features to the existing PmWiki Skin (using CSS @media queries, for
example)?

Hagan

Reference: The current stylesheet:
http://www.pmwiki.org/pmwiki/pub/skins/pmwiki/pmwiki.css

(*) The page at http://www.pmwiki.org/wiki/Skins/SkinTest-Compact was
created because browsercam only returned screenshots of a non-scrolled
1024x768 page.

p.s.: Is the PrintSkin necessary any more?