私のウェブサイトはほとんどのブラウザで正常に表示されますが、iPadとAndroidブラウザで2つの異なる問題があります。
- 最初はウェブページが1対1のスケールで表示されますが、訪問者にはウェブページ全体を見てもらいたいと思います。
- 背景が正しく表示されません。ズームアウトすると、背景の一部だけが読み込まれているように見えます。
私が使用した:
<meta name="viewport" content="width=device-width">
初期ズームの場合:
div.background {
width: 100%;
background: #ffffff url('../img/background_first.jpg') center top no-repeat;
}
背景に。私はイベントを追加しようとしました:
-webkit-background-size: 1500px 1000px;
background-size: 1500px 1000px;
しかし、背景の問題(これが私の主な関心事です)は残っています。何か案は?