On 12/20/2013 07:12 PM, Ken Fallon wrote: > On 2013-12-20 14:11, Jon Kulp wrote: >> On 12/20/2013 06:42 AM, [email protected] wrote: >>> > >> This is relatively easy to do with a few @media queries in the css >> like this: > >> @media only screen and (max-width: 360px) { >> [...small-screen rules here...] >> } > > > And Jon Kulp comes to the rescue :) > > Try this on your mobile http://hackerpublicradio.org/html5.html >
Hray! The small-screen styling (or lack of it) is very spare but also completely functional. You might actually consider increasing the minimum screen width to as much as 640px. when I turn my phone sideways it has 640px resolution and the full size styling kicks in--it looks all jammed up. Increasing the min-width to 640px is the easiest way to make it usable at that width, but it's also not very hard to add another breaking point and a small block of CSS code for devices between 480-640px to have *some* styling but not the full desktop style. I could fool around with this a bit if you want. Jon -- Jonathan Kulp, Ph.D. Associate Professor of Music History and Theory University of Louisiana at Lafayette School Of Music PO Box 41207 Lafayette, LA 70504-1207 office: 337-482-5203 http://jonathankulp.org _______________________________________________ Hpr mailing list [email protected] http://hackerpublicradio.org/mailman/listinfo/hpr_hackerpublicradio.org
