質問箱/5213 の変更点

• 追加された行はこの色です。
• 削除された行はこの色です。
• 質問箱/5213 へ行く。
• 質問箱/5213 の差分を削除

#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