テストの目的で、私はこのページを設定します：http :
//www.fondationmartinmatte.com/test.html htmlデスクトップブラウザではかなり問題ありませんが、モバイルでは常に地獄からの垂直の灰色のバーが残っています。それがどこから来たのか、そしてどの設定をモバイルに使用するためにhtmlコードに伝えるべきか。最初にそのコードがありました：<meta name="viewport" content="width=device-width">それは全体を最悪にします。削除するだけです。これが灰色のバーです。それを修正する方法、事前に感謝します
質問する
8219 次
2 に答える
11
これらを使用してみてください：
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
また、現在持っているものよりも洗練されたCSSリセットを取得したい場合があります（マージン：0、パディング：0）。ブラウザの互換性に関して、あなたの生活を楽にするためにここにいくつかの素晴らしいものがあります：
于 2012-08-09T08:09:41.823 に答える
2
これにより、Webサイトがデバイスに合わせてスケーリングされます
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
以下の2行は、ユーザーがiOSデバイスのホームページにWebサイトを追加する場合のものです。最初の行は、追加されたアイコンをクリックするとサファリでは開きません。2番目の行は、ホームページからWebサイトを開いたときのステータスバー（バッテリーインジケーターと時間のあるバー）の色を定義します。
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
于 2012-08-10T22:53:12.390 に答える