iOSデバイスに負荷がかかるという背景に問題があります。ページにコンテンツを追加したときにのみ伸びていますlike this.空のページlike thisに正しくロードされます。私はそれがbackground-size: coverの代わりにbackground-attachment:scrollを加えることと関係があると読んでいます。それをCSSに追加すると、私は何の変更もありません。間違ったコンテンツIDを使用している必要があります。モバイルテーマのためにもっとイメージを作る前に、とにかくコードで修正できるのでしょうか？どんな助けでも大歓迎です。あなたのHTMLのheadタグ内にこのコードを追加iOSモバイルデバイスが背景イメージを伸ばしています
視差効果は、そのコンテナに合わせてストレッチしながら、背景画像を固定位置で所定の位置に残るという概念に基づいていました。残念ながら、CSSだけではそれが起こらないでしょう。
あなたは、固定位置決めに要素を設定したら、それは基本的に私はこのコードを置くウィンドウ
section
{
position: fixed;
top: 0;
bottom: -72px;
background-image: url(http://bgImage);
background-size: cover;
background-attachment: fixed;
}
ありがとうございました。変更するには＃sectionを#primaryに変更しなければなりませんでした。トップとボトムのパディングのコードを取り出すことで、ヘッダーの上にある投稿が作成されたという問題を修正しました。背景はすばらしく見える。ありがとうございました。問題はページ上のコンテンツが途切れることだけです。私はまた、ページ上のプレイヤーとソーシャルアイコンをカットするので、スクロールできません。それを修正する立場に追加する必要があるのでしょうか？ –
大丈夫！ @ブライアンあなたは、この位置をバカにしようとすることができます：絶対;トップ：0;左：0;それはあなたを助けるかもしれない！ –
絶対に助けられました。それは内容をより多く示し、背景はまだ正しいです、そして今私はスクロールすることができます。しかし、それはまだ上から画面の約80％でカットオフ。下の方のパディングも変更する必要がありますか？ –
試してみてください。
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
こんにちは、遅い応答に申し訳ありません。私はちょうど私のhtmlのheadタグにこれを追加しようとしましたが、残念ながら変更が見られませんでした。 –
Np、とにかく答えが見つかりました！ – Brian
にDOMと相対から削除されますか？ –