創作サイト向けコンテンツ管理システム freo(フレオ)
ホーム
このサイトについて
サイトマップ
有償制作
お問い合わせ
サイト内検索
キーワード
freo
freoについて
機能紹介
設置方法
各種解説
プラグイン
サポート
ホーム
サポート
サポート
記事編集
記事を編集します。
編集フォーム
名前
設置URL
本文
takaさんのWDPのcssを検証して作り直しました。 skin/common.cssの一番最後(「個別指定」の後)に >|| /* ----- レスポンシブデザイン ----- */ @media screen and (max-width:760px) { #container,#footer { width: 100%; } #container,#footer { width: 100%; } #header,#widthbox { width: calc(100% - 30px); } #mainbox { width: calc(100% - 45px); } div#navigation { width: 96%; float: left; margin: 0px 15px; } div#navigation table { margin: -2px 15px 7px; } img { max-width: 100%; height: auto; } } @media screen and (max-width:500px) { #widthbox #logs { width: 100%; } #diary { width: 100%; } } ||< を追加して下さい。 そうすると http://cccabinet.jpn.org/diarypro/diary.cgi のような表示になります(このサイトはtakaさんが確認後削除する予定です)。 カレンダーなどのサイドバーの部分は本文の下に表示されるようになります。 ※Androidのchromeで確認していたのですが、一旦表示したサイトはブラウザの更新では変更が反映されず、キャッシュを削除しないと変更が反映されないようです。方法がわからなければ、 「キャッシュと Cookie を消去する」 https://support.google.com/accounts/answer/32050?co=GENIE.Platform%3DAndroid&hl=ja を参照して下さい。
編集キー(投稿時に設定したキーを入力してください。)
コンテンツ
新規投稿