LoginSignup
9

More than 3 years have passed since last update.

posted at

railsでbootstrapを入れてもiPhoneでレスポンシブにならない時

application.html.erbに以下が書かれているかをチェック

application.html.erb
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

いか、修正後。

application.html.erb
<!DOCTYPE html>
<html>
  <head>
    <title>NarouOsusume</title>
    <%= csrf_meta_tags %>
    <%= csp_meta_tag %>

    <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track': 'reload' %>
    <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>

    <!-- ここ!!!-->
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- ここ!!!-->

  </head>

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

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
What you can do with signing up
9