<!DOCTYPE html>
<html lang="fr">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width,user-scalable=no">
  <meta name="apple-mobile-web-app-capable" content="yes" />

  <title><%= t('app_title') %></title>

  <%= stylesheet_link_tag "application", :media => "all" %>
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
  <%= javascript_include_tag "application" %>
</head>
<body>
  <% [:alert, :error, :notice].each do |key| %>
    <% if flash[key] %>
      <div class="flash flash-<%= key %>" data-alert="alert"><%= flash[key] %></div>
    <% end %>
  <% end %>

  <%= yield %>
</body>
</html>

<!DOCTYPE html>
<html lang="fr">
<head>
  <meta charset="utf-8" />
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta name="viewport" content="width=device-width,user-scalable=no">

  <title><%= t('app_title') %></title>

  <%= stylesheet_link_tag "application", :media => "all" %>
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
  <%= javascript_include_tag "application" %>

  <script type="text/javascript">
    // Apple wizardry to remove letterbox
    if (window.screen.height == 568) {
      document.querySelector("meta[name=viewport]").content="width=320.1";
    }
  </script>
</head>
<body>
  <% [:alert, :error, :notice].each do |key| %>
    <% if flash[key] %>
      <div class="flash flash-<%= key %>" data-alert="alert"><%= flash[key] %></div>
    <% end %>
  <% end %>

  <%= yield %>
</body>
</html>

Fix letterbox on ios fullscreen with trick
Fix letterbox on ios fullscreen with trick
