質問箱/5213

カテゴリデザイン・CSS・スキン
サマリスマートフォンでのサイドバー表示
バージョン1.5.1
投稿者ぺん太?
状態完了
投稿日2016-03-17 (木) 23:02:56

質問

スマートフォンでのサイドバー表示についてです。

とあるサイトの解説を見て、レスポンシブデザインの @mediaタグを使用し、スマホに最適化したcssを追加したのですが、 MenuBarを非表示にしただけだと、body部分が右側に寄ってしまい、完全に全画面表示にすることが出来ませんでした。 自力で何とかしようと試みたのですが、横幅を%で指定しても所持しているiPhone5と6の画面で見たところ、スペースの幅が違っていました。

綺麗にMenuBarを消してどの機種でもbodyを全画面表示するやり方を教えて頂けませんか? よろしくお願いします。

回答

  • cssで<td class="menubar">の幅が固定されていませんでしたか? -- watahox? 2016-03-17 (木) 23:54:03
  • tdを見直したところ固定されていました。@mediaの方で0pxにしたら綺麗に収まりました!ありがとうございました、とても助かりました!! -- ぺん太? 2016-03-18 (金) 00:49:56


トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 検索 最終更新   ヘルプ   最終更新のRSS
Last-modified: 2016-03-22 (火) 20:43:12
Site admin: PukiWiki Development Team

PukiWiki 1.5.2+ © 2001-2019 PukiWiki Development Team. Powered by PHP 5.6.40-0+deb8u7. HTML convert time: 0.256 sec.

OSDN