iphoneのHTMLページの中央揃え

iphoneでHTML5のWebページをテストしています。 CSS3も使用しました。ページはすべてのブラウザを中心にしていました。しかし、問題はiPhoneにあります。ここでは一列に並んでいます。私は試していた -iphoneのHTMLページの中央揃え

<meta name="viewport" content="width=device-width, initial-scale=1.0">

しかし運はない。この問題について私に助けてください。 URLは： http://www.stonegardenbd.co.cc/projects/vapp

ありがとうございます。

出典

2012-02-10 Imrul.H

iPhoneでウェブページを「標準」にしたい場合、そのメタタグを使用していないことがわかりました。レスポンシブデザインのように、ズームインする必要がある場合は、それを含めます。私はこれを言います。なぜなら、私が戻って複数のサイトから削除して、「正しい」ように見せなければならないからです。 – chipcullen

ページを中心にスペースを無駄にするのはなぜですか。画面の左右に空きスペースを残すと、画面スペースが限られているデバイスでは無駄に見えます。 – Gerben

CSS3のメディアクエリを使用して、異なるビューポートディメンションでコンテンツを最大限に制御する必要があります。私は、技術的には反応がなく、サイトの寸法がビューポートに合わないため、センタリングしていないと思います。 320pxより広いラッパーにはおそらく何かがあります。 –

ボディの最小幅を設定してみてください。幅が設定されているときに、iOSブラウザに本体を中央に配置していないことがわかりました。ここで

例です。注意すべき

body { 
background-color:#0e7242; 
color:#FFFFFF; 
font-size:15px; 
min-width: 1000px;} 

div.content { 
    margin:0 auto; 
    width:900px; 
}

ことの一つは、あなたがそこにメタビューポートタグを持っている場合、ユーザーは全体のWebページを見にスクロールする必要がありますということです。幅全体が読み込まれ、ユーザーがテキストを見るためにスクロールすることをお勧めします。

出典

2012-02-14 02:01:45 bassplayer7

iphoneのHTMLページの中央揃え

答えて

関連する問題