創作サイト向けコンテンツ管理システム freo(フレオ)
ホーム
このサイトについて
サイトマップ
有償制作
お問い合わせ
サイト内検索
キーワード
freo
freoについて
機能紹介
設置方法
各種解説
プラグイン
サポート
ホーム
サポート
サポート
記事編集
記事を編集します。
編集フォーム
名前
設置URL
本文
こんにちは。 あくまで一例ですが、 >|| #entry{ display: flex; flex-wrap: wrap; justify-content: space-between; } .entry{ width: 30%; margin: 10px 1%; } @media screen and (min-width : 480px) { .entry{ width: 100%; margin: 10px 0; } } ||< のようにすれば、PC表示では3カラム、スマホ表示では1カラムにできると思います。 display: flexを使わない場合でも、 >|| .entry{ width: 30%; margin: 10px 1%; float: left; } @media screen and (min-width : 480px) { .entry{ width: 100%; margin: 10px 0; float: none; } } ||< などのようにすればよろしいのではないでしょうか。 「レスポンシブデザイン」「display: flex」「カラム数変更」などで検索してみてください。
編集キー(投稿時に設定したキーを入力してください。)
コンテンツ
新規投稿