#author("2018-03-10T15:20:41+09:00;2016-03-22T20:43:12+09:00","","")
**[[質問箱5/213]] [#gcd983b6]
#author("2018-03-11T22:06:48+09:00;2016-03-22T20:43:12+09:00","","")
**[[質問箱/5213]] [#gcd983b6]
|RIGHT:70|LEFT:410|c
|~カテゴリ|デザイン・CSS・スキン|
|~サマリ|スマートフォンでのサイドバー表示|
|~バージョン|1.5.1|
|~投稿者|[[ぺん太]]|
|~状態|完了|
|~投稿日|&new{2016-03-17 (木) 23:02:56};|
***質問 [#x4167289]
スマートフォンでのサイドバー表示についてです。

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

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

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

#comment

トップ   編集 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 検索 最終更新   ヘルプ   最終更新のRSS
Site admin: PukiWiki Development Team

PukiWiki 1.5.3+ © 2001-2020 PukiWiki Development Team. Powered by PHP 5.6.40-0+deb8u12. HTML convert time: 0.061 sec.

OSDN