• 締切済み

ＰＣ向けサイトを作った後　スマホ表示を直したい

サクラエディタで　作成してます。 ＰＣでは　css に　　marjin auto で中央表示になるんですが、 iphone ipad で見ると、　左寄せ表示になってしまいます。 どうすれば　スマホ、iphone ipadで　ＰＣと同じように　真ん中表示させることができるんでしょうか？ よろしくお願いいたします！

みんなの回答

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.2

　画像か何かを含んでいて、ある幅以上描画範囲が狭くならないために、そのように見えるだけじゃないですか？？ <!doctype html> <html> <head> 　<meta charset="utf-8"> 　<title>サンプル</title> <style media="screen"> <!-- html,body{margin:0;padding:0;background-color:silver;} header,section,footer{ width:80%;min-width:460px; margin:0 auto; padding:10px; background-color:yellow; } --> </style> </head> <body> 　<header> 　　<h1>タイトルM.h1> 　</header> 　<section> 　　<h2>見出し</h2> 　　<p>記事</p> 　</section> 　<footer> 　　<h2>文書情報</h2> 　</footer> </body> でちゃんと480pxまでは中央によるはずですが？？？ ★タブは[全角スペース]に置換してあるので戻す。

回答No.1

レスポンシブWebで調べてみてください。 一言でいえば、 PC用のCSS、iphone用のCSS、 ipad用のCSSが必要で javascriptを駆使し、端末ごとにCSSを自動で切り替え表示させます。 Adobe Dreamweaverなどを通常駆使し、レスポンシブWebは作成するものと 思われます。 うまくいくかわかりませんが、 marjin : 0 auto; ではありませんか？

  1. カテゴリ
  2. パソコン・スマートフォン
  3. ソフトウェア
  4. フリーウェア・フリーソフト

関連するQ&A

注目のQ&A

カテゴリ

あなたにピッタリな商品が見つかる！ OKWAVE セレクト

専門家に質問してみよう

職業から探して質問する
質問する