11–20 of 29 posts
I like the idea of cross browser flexibility built in and I'd like to try this on a Rails app but not quite sure how I would actually use it. Can you combine the columns for the ability to build larger boxes? Or use less than 5 columns on the widest site?
Browsers that don't support media-queries, like ie8 and below, simply ignore everything inside inline media-queries. This means they'll use the default five-column layout – which is more than sufficient for desktop usage – and ignore everything else. the 5-column layout is 768px wide is default fir older browsers. Which means i get to see 768px wide layout even on my netbook which easily supports the usual 960px? Gue…
Yep, netbooks get the 768 px layout. I figured fully supporting tablets and 1280 px laptops is more important than using up a couple hundred more pixels on netbooks. Tradeoffs, tradeoffs…. No custom layout generators or bells or whistles, sorry. Kept this intentionally simple. :)
Very cool, but I seem to be having issues with it on the iPhone. Your site loaded correctly in portrait on the first load, but when I rotated to landscape there was an additional black bar maybe 100px wide on the right side of the page, allowing horizontal scroll. Once you've rotated to landscape, the page does not resize back to portrait until you close the page and open it again.
It’s funny how the most problematic browser these days seems to not be IE6, but Mobile Safari. :|
Very cool, but I seem to be having issues with it on the iPhone. Your site loaded correctly in portrait on the first load, but when I rotated to landscape there was an additional black bar maybe 100px wide on the right side of the page, allowing horizontal scroll. Once you've rotated to landscape, the page does not resize back to portrait until you close the page and open it again.
initial-scale=1.0, width=device-width, height=device-height
Without height=device-height, rotating to landscape screws up the zooming completely. With it, your bug happens. The only solution for both problems is setting maximum-scale=1, and that’s no solution at all.
Ideas?
Very cool, but I seem to be having issues with it on the iPhone. Your site loaded correctly in portrait on the first load, but when I rotated to landscape there was an additional black bar maybe 100px wide on the right side of the page, allowing horizontal scroll. Once you've rotated to landscape, the page does not resize back to portrait until you close the page and open it again.
Iiinteresting…. Can I ask which iPhone and version of iOS you’re using? It’s funny how the most problematic browser these days seems to not be IE6, but Mobile Safari. :|
Note: this is not LESS the CSS preprocessor, it's a CSS framework focused on creating layouts that target multiple devices.
Is that supposed to be "Now with lesser features"?
"Now with less features, one grid" Is that supposed to be "Now with lesser features"?