テーマ「bcColors」のレスポンシブ時の挙動について
ninon > テーマ「bcColors」のレスポンシブ時の挙動について @ 2016/7/4 3:42 |
---|
お世話になっております。
ninonと申します。 bcColorsを使わせていただいているのですが、 ブログ部分が正常にレスポンシブ化されていないように感じます。 というのも、PC上でブラウザのウィンドウサイズを変更した場合には、 横幅に従ってサイドバーが下部に回り込み、正常にレイアウトが変わってくれるのですが、 実際にスマートフォンで見た場合やChromeのiPhoneプレビューで見ると、 レスポンシブ化されておらずPCレイアウトのままで全体が縮小されるような表示になってしまいます。 ※添付画像ファイル参照 ユーザーエージェントによって挙動が変わる設定になっているのでしょうか。 おかしな話ですが、スマホでもPCと同じように見得てくれれば問題ないのですが、どうしてなのでしょう・・・。 スマートフォンやタブレット上でも正常にレスポンシブ化され、 レイアウトが変わるように設定したいのですが、 どこをどのように編集したらよいか、アドバイス頂きたいです。 よろしくお願いいたします。 ■ BaserCMSのバージョン:3.0.7 ■ レンタルサーバー名: ■ スマートURLの利用: [OFF] ■ 設置フォルダ: [サブフォルダ] ■ 利用しているデータベース: [MySQL] ■ PHPスキル(自己評価): [全くわからない] |
katokaisya > Re: テーマ「bcColors」のレスポンシブ時の挙動について @ 2016/7/4 10:41 |
---|
はじめましてkatoと申します。
テンプレートを見てみたらブログ用のテンプレートにviwportが設定されていないため、 仰るとおり、ユーザーエージェントによって挙動が変わる設定になっていないようです。 theme/bccolors/Layouts/blog.php の 9行目の
charset と title の間に
これを追加してみてください。 |
ninon > Re: テーマ「bcColors」のレスポンシブ時の挙動について @ 2016/7/4 20:43 |
---|
Kato様
早速のご返信ありがとうございます。 viewpointが抜けていたとは気づかずハマってしまっていました。 どうもありがとうございました! |