Trigger mobile mode at 640px instead of 480px for iPhone 4 support
authorTom Hughes <tom@compton.nu>
Sun, 3 Apr 2011 17:02:27 +0000 (18:02 +0100)
committerTom Hughes <tom@compton.nu>
Sun, 3 Apr 2011 17:02:27 +0000 (18:02 +0100)
app/views/layouts/_head.html.erb

index 517e021..6c22a94 100644 (file)
@@ -7,8 +7,8 @@
   <!--[if lt IE 7]><%= javascript_include_tag 'pngfix' %><![endif]--> <!-- thanks, microsoft! -->
   <%= stylesheet_link_tag 'common' %>
   <!--[if IE]><%= stylesheet_link_tag 'large', :media => "screen" %><![endif]--> <!-- IE is totally broken with CSS media queries -->
-  <%= stylesheet_link_tag 'small', :media => "only screen and (max-width: 481px)" %>
-  <%= stylesheet_link_tag 'large', :media => "screen and (min-width: 482px)" %> 
+  <%= stylesheet_link_tag 'small', :media => "only screen and (max-width:641px)" %>
+  <%= stylesheet_link_tag 'large', :media => "screen and (min-width: 642px)" %> 
   <%= stylesheet_link_tag 'print', :media => "print" %>
   <%= tag("link", { :rel => "search", :type => "application/opensearchdescription+xml", :title => "OpenStreetMap Search", :href => "/opensearch/osm.xml" }) %>
   <%= tag("meta", { :name => "description", :content => "OpenStreetMap is the free wiki world map." }) %>