質問編集履歴

2 head情報の追加

serinuntius

serinuntius score 415

2016/10/20 12:18  投稿

bootstrapが適用されているようでされていない?
タイトルの通りなのですが、適用されているのかされてないのか分からないかなり微妙な状況です。
元はデザインだけ別で作っていて、それをRailsのアプリケーションとして統合しようとしてるのですが、統合後のデザインが意図しない感じになっています。
具体的に言うと、Chromeのデベロッパーツールでモバイル設定にしても、統合後はレスポンシブではなくなってしまいました。(統合前はきちんとレスポンシブになっていました。)しかし、不思議なのはChromeの画面サイズを小さくしていくと意図したレスポンシブの動作をします。(ちなみにiPhone実機で試してみましたが、レスポンシブにはなってくれません。)
当方、フロントに疎いためどういった手段で確認すればいいのかや、原因の検討がつきません。
もし、似たような境遇(モバイル設定はダメでも、画面サイズを小さくしたら動作する)に遭遇した方や、なんとなく原因が解明できそうな方がおられましたら回答よろしくお願いします。
#追記
Railsはproduction環境ではなくdevelopment環境です。プリコンパイル云々の話ではないと思われます。
Railsはproduction環境ではなくdevelopment環境です。プリコンパイル云々の話ではないと思われます。
#追記2
headの情報です。
```html
<head>
 <link rel="stylesheet" media="all" href="/assets/MUSA_product-display.self-54f344e64b983732ff69e73a59858aeddebf1f8b2868275b13267b66b5278fea.css?body=1" data-turbolinks-track="true" />
<link rel="stylesheet" media="all" href="/assets/MUSA_product-display1.self-9208648765dec61f8cdd28de7a6b692b1bc20cf5835aeedd13bfdb0586fc8208.css?body=1" data-turbolinks-track="true" />
<link rel="stylesheet" media="all" href="/assets/Navigation-Clean1.self-da3c03af37f8e140631270e48abb16abd8073e2f63551eaae908076278f60d3c.css?body=1" data-turbolinks-track="true" />
<link rel="stylesheet" media="all" href="/assets/Pretty-Login-Form.self-f39fccc832e3906b1fee90492a2246fe52e553733005accbf216a483daff403a.css?body=1" data-turbolinks-track="true" />
<link rel="stylesheet" media="all" href="/assets/bootstrap.min.self-fe345ab8902a437b1689588cdcb1d557fec486da88cb264a1e7c85db24d58aae.css?body=1" data-turbolinks-track="true" />
<link rel="stylesheet" media="all" href="/assets/scaffolds.self-a83d96a9ca60063d0d4c82670ae6347848663e47aa36c31dc86119f51a9e1f82.css?body=1" data-turbolinks-track="true" />
<link rel="stylesheet" media="all" href="/assets/static_pages.self-e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855.css?body=1" data-turbolinks-track="true" />
<link rel="stylesheet" media="all" href="/assets/styles.self-66c3c2f9685956c4a5b449106973ab2a0d39d5976f75422bf3770d7a477e1c7e.css?body=1" data-turbolinks-track="true" />
<link rel="stylesheet" media="all" href="/assets/font-awesome.self-8af77f18ca08f86e6ef3a58f04f07171319333e5ef315c91d266caecb37167d1.css?body=1" data-turbolinks-track="true" />
<link rel="stylesheet" media="all" href="/assets/application.self-8f71e2d4c89d607602ef240c820fb0be73e43eab9063823779140e159f9b7df3.css?body=1" data-turbolinks-track="true" />
 <script src="/assets/jquery3.self-d4bd3e85283a3dca94d4167d510fa09702db65cbbcbd798b3ace19480bc43025.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/jquery_ujs.self-784a997f6726036b1993eb2217c9cb558e1cbb801c6da88105588c56f13b466a.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/turbolinks.self-c5acd7a204f5f25ce7a1d8a0e4d92e28d34c9e2df2c7371cd7af88e147e4ad82.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/MUSA_product-display.self-2a77456bcebba318d9037909c51a7cca5a778e50c3f9a7ea902fce766876697f.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/bootstrap.min.self-504d59678f10d79a661b6cecdce5b8c1d5bfd98e860614584c0a40399552d61f.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/static_pages.self-877aef30ae1b040ab8a3aba4e3e309a11d7f2612f44dde450b5c157aa5f95c05.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/application.self-f8806224e027f3e3f0138ea9ce99319e298dfdb323304d1f1be6eae8e8c74724.js?body=1" data-turbolinks-track="true"></script>
</head>
```
  • JavaScript

    21523 questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

  • Ruby on Rails

    9324 questions

    Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

  • Chrome

    819 questions

    Google Chromeは携帯、テレビ、デスクトップなどの様々なプラットフォームで利用できるウェブブラウザです。Googleが開発したもので、Blink (レンダリングエンジン) とアプリケーションフレームワークを使用しています。

  • Bootstrap

    1380 questions

    BootstrapはウェブサイトデザインやUIのWebアプリケーションを素早く 作成する可能なCSSフレームワークです。 Twitter風のデザインを作成することができます。

1 情報の追記

serinuntius

serinuntius score 415

2016/10/20 12:12  投稿

bootstrapが適用されているようでされていない?
タイトルの通りなのですが、適用されているのかされてないのか分からないかなり微妙な状況です。
元はデザインだけ別で作っていて、それをRailsのアプリケーションとして統合しようとしてるのですが、統合後のデザインが意図しない感じになっています。
具体的に言うと、Chromeのデベロッパーツールでモバイル設定にしても、統合後はレスポンシブではなくなってしまいました。(統合前はきちんとレスポンシブになっていました。)しかし、不思議なのはChromeの画面サイズを小さくしていくと意図したレスポンシブの動作をします。(ちなみにiPhone実機で試してみましたが、レスポンシブにはなってくれません。)
当方、フロントに疎いためどういった手段で確認すればいいのかや、原因の検討がつきません。
もし、似たような境遇(モバイル設定はダメでも、画面サイズを小さくしたら動作する)に遭遇した方や、なんとなく原因が解明できそうな方がおられましたら回答よろしくお願いします。
もし、似たような境遇(モバイル設定はダメでも、画面サイズを小さくしたら動作する)に遭遇した方や、なんとなく原因が解明できそうな方がおられましたら回答よろしくお願いします。
#追記
Railsはproduction環境ではなくdevelopment環境です。プリコンパイル云々の話ではないと思われます。
  • JavaScript

    21523 questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

  • Ruby on Rails

    9324 questions

    Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

  • Chrome

    819 questions

    Google Chromeは携帯、テレビ、デスクトップなどの様々なプラットフォームで利用できるウェブブラウザです。Googleが開発したもので、Blink (レンダリングエンジン) とアプリケーションフレームワークを使用しています。

  • Bootstrap

    1380 questions

    BootstrapはウェブサイトデザインやUIのWebアプリケーションを素早く 作成する可能なCSSフレームワークです。 Twitter風のデザインを作成することができます。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る