facebook - Facebookページのアプリの背景画像が右側に切り取られています

Question

左から右にスクロールすると、背景画像が右に途切れるという問題があります。これは、apps.facebook.comにアクセスしたときではなく、ビジネスFacebookページのiframeでアプリがホストされているときに発生します。キャンバスの幅を流動的に変更しましたが、効果がありません。

これは私が話していることの例です。右にスクロールしてみてください。

これは実際のアプリへのリンクです。

2番目のリンクでわかるように、横に切り取られているものはありません。「オーバーフロー」などのいくつかのcssプロパティで遊んでみましたが、それでも役に立ちませんでした。

ご協力ありがとうございました。

score 1 · Accepted Answer

Facebookの内部にとどまるには520ピクセルの幅しかありません。

制限してみてください

body{width:520px;}

score 1 · Accepted Answer

iframe本体の横にある本体タグに幅を追加しました-{width：1000px;}

で幅を宣言していないため、ネストされているiframeから幅を継承していました。これはFacebookページタブの最大幅である520pxです。

切り取られている画像の幅よりも大きい幅を自分に追加すると、うまくいくはずです。

2 に答える 2