質問: ### 前提・実現したいこと レスポンシブで一度は問題なく表示されていたサイト ### 発生している問題・エラーメッセージ スマホで表示された時に、レスポンシブ対応によりスマホ用に表示されるはずのサイトが、PC表示になり、さらに、スライダー画像部分も隠れて表示されるはずの画像が一行3枚横並びに表示されています。 そのスライダー部分だけ幅が広く表示され、 上記の記載を訂正いたします。 PC表示になりではなく、スマホ用に表示になっているのですが、スライダー部分が横一行に4枚画像が並んだ状態で始まります。 サイト読み込み時は、一瞬正常にそれぞれのバナーなど100%表示されますが、その後すぐスライダー部分だけが横並び画像が見える状態になります。 スライダー以外の部分は、縮小されて左寄せで表示されています。 ### ソースコード http://sake-kinoi.com/ 追記させていただきます。 もともと問題なかった状態は、スマホ最適化された表示になっていました。 ソースの変更は行っていないです。 ### 補足情報(言語/FW/ツール等のバージョンなど)
回答: bootstrapでは768px以上でPC向けの表示になるようになってますが、 このサービスでは768pxと640pxで表示が変更されるようになっています。 style.cssの以下の部分の指定を768pxに指定すれば想定通りに表示になりますでしょうか。 ``` @media screen and (max-width: 640px) { ``` また、ソースの変更は行っていない状態で表示が変わることは考えにくいので、 想定してない変更があったか確認する端末が変わったか、そのあたりの確認をしてみるといいと思います。