EC-CUBE 開発コミュニティ

質問 > 管理機能 > レスポンシブデザインについて

投稿者	スレッド
Telme	投稿日時: 2020/1/9 16:20 対応状況: −−−
新米登録日: 2019/12/27 居住地: 投稿: 3	レスポンシブデザインについて ▼テンプレート [EC-CUBE] 4.0.2 現在デザインをレスポンシブにしていますが、メディアクエリの指定がchrome、サファリのスマホシミュレーターでは反映され、スマートフォン実機へ反映されません。 ECCube4.0.2ではキャリア判定などをどこかで行っているのでしょうか？

468	投稿日時: 2020/1/9 20:11 対応状況: −−−
神登録日: 2008/10/26 居住地: 投稿: 3217	Re: レスポンシブデザインについて基本的にブラウザの横幅で判定されているかと思いますが管理画面のレイアウト管理でモバイル用のレイアウトを登録されていたりしますか？またはmetaタグのviewportでwidthに固定値を設定されていたりしますか？一応、端末の判定にはmobile-detect-bundleが利用されているようで /src/Eccube/EventListener/TwigInitializeListener.php 190行目付近のisMobile()の結果でtypeを判定し利用するレイアウト設定を切り替えているようです。 `if ($this->mobileDetector->isMobile()) { $type = DeviceType::DEVICE_TYPE_MB; }` ---------------- 株式会社シロハチ ■ECCUBE2系、3系構築カスタマイズご相談ください。 ■EC-CUBE3マニュアル ■blog