質問 > 管理機能 > ECCUBE4 両面幅を狭くする方法をご教授ください。スマートフォン用のメニューをだしたいからです。 |
管理機能
フラット表示 | 前のトピック | 次のトピック |
投稿者 | スレッド |
---|---|
468 |
投稿日時: 2021/6/18 11:41
対応状況: −−−
|
神 登録日: 2008/10/26 居住地: 投稿: 3217 |
Re: ECCUBE4 両面幅を狭くする方法をご教授ください。スマートフォン用のメニューをだしたいからです。 >画面幅でレイアウトが変化するレスポンシブデザイン
ここでいう画面幅とはブラウザの横幅になりますので 表示しているブラウザのウィンドウ幅を縮めると勝手にスマホ用のレイアウトが表示されます。 twigファイルはPC、SPで同じファイルを共用しており CSS内のメディアクエリという仕組みで表示を切り替えています。 style.css内にある以下のような記述の部分がポイントとなります。 @media (min-width: 768px) { } @media only screen and (min-width: 768px) and (min-width: 768px) { } 等。
|
フラット表示 | 前のトピック | 次のトピック |
題名 | 投稿者 | 日時 |
---|---|---|
ECCUBE4 両面幅を狭くする方法をご教授ください。スマートフォン用のメニューをだしたいからです。 | masterR | 2021/6/18 10:16 |
» Re: ECCUBE4 両面幅を狭くする方法をご教授ください。スマートフォン用のメニューをだしたいからです。 | 468 | 2021/6/18 11:41 |
Re: ECCUBE4 両面幅を狭くする方法をご教授ください。スマートフォン用のメニューをだしたいからです。 | masterR | 2021/6/18 15:42 |
Re: ECCUBE4 両面幅を狭くする方法をご教授ください。スマートフォン用のメニューをだしたいからです。 | masterR | 2021/6/18 19:49 |