From 31f5c110fc919fc15bea5175b729d0b3b59be03b Mon Sep 17 00:00:00 2001 From: Kevin Burke Date: Sat, 1 Sep 2012 22:45:05 -0700 Subject: [PATCH] Use max-width instead of max-device-width Max-device-width will only kick in on physical devices with width smaller than 480px. It makes sense though to trigger the responsive layout on any device where the viewport is that narrow, not just ones where the device itself is that narrow. For an example of this in practice, visit barackobama.com on a desktop, resize your browser window and watch the layout change responsively. --- app/assets/stylesheets/mobile.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/app/assets/stylesheets/mobile.css b/app/assets/stylesheets/mobile.css index feb16bb..6997a5b 100644 --- a/app/assets/stylesheets/mobile.css +++ b/app/assets/stylesheets/mobile.css @@ -1,4 +1,4 @@ -@media only screen and (max-device-width: 480px) { +@media only screen and (max-width: 480px) { html { -webkit-text-size-adjust: none; }