<!DOCTYPE html>
<html lang="<%= I18n.locale %>">
<head>
  <meta charset="utf-8" />
  <meta name="ROBOTS" content="NOODP" />
  <meta name="viewport" content="initial-scale=1" />
  <%%#
    Configure default and controller-, and view-specific titles in
    config/locales/en.yml. For more see:
    https://github.com/calebthompson/title#usage
  %>
  <title><%%= title %></title>
  <%%= stylesheet_link_tag :application, media: "all" %>
  <%%= csrf_meta_tags %>
</head>
<body class="<%%= body_class %>">
  <%%= render "flashes" -%>
  <%%= yield %>
  <%%= render "javascript" %>
  <%%= render "css_overrides" %>
</body>
</html>

<!DOCTYPE html>
<html lang="<%= I18n.locale %>">
<head>
  <meta charset="utf-8" />
  <meta name="ROBOTS" content="NOODP" />
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
  <%%#
    Configure default and controller-, and view-specific titles in
    config/locales/en.yml. For more see:
    https://github.com/calebthompson/title#usage
  %>
  <title><%%= title %></title>
  <%%= stylesheet_link_tag :application, media: "all" %>
  <%%= csrf_meta_tags %>
</head>
<body class="<%%= body_class %>">
  <%%= render "flashes" -%>
  <%%= yield %>
  <%%= render "javascript" %>
  <%%= render "css_overrides" %>
</body>
</html>

Update the viewport meta tag
Update the viewport meta tag

- Add `width=device-width` to set the virtual viewport to the width of
the device's screen
- Add `shrink-to-fit=no` to tell Safari 9 not to shrink overflowing
content to fit the width of the virtual viewport

References:
- https://css-tricks.com/snippets/html/responsive-meta-tag/
- https://bitsofco.de/ios-safari-and-shrink-to-fit/
