html - css の位置を回避する方法: IOS で修正済み

Question

適切なメディア スクリーン クエリを配置しましたが、デスクトップで正常に動作します (ビューポート サイズを変更すると)。ただし、iPhone 4s で表示すると、すべての背景が消えます。問題は、IOS が position: fixed の css をサポートしていないことだと思います。私はたくさんの調査を行いましたが、適切な解決策が見つかりませんでした。これに対する解決策のアイデアはありますか?

ここに私のCSSがあります:

/* Desktop */
#home{width: 100%;
    height: 1080px;
    background: url(../images/landingPage.png) no-repeat fixed;
    margin: 0 auto;}

#about{width: 100%;
    height: 1080px;
    background: url(../images/about.png) 50% 0 no-repeat fixed;
    margin: 0 auto;}

(すべて同じマークアップのセクションがさらに 4 つあります。)

/* Mobile */
@media only screen and (min-width: 320px) and (max-width: 640px){

#home{height: 960px;
    background-size: 100% 100%;
    position: relative;
    display: block;}
#about{height: 960px;
    background-size:100% 100%;
    position: relative;
    display: block;}

(すべて同じマークアップのセクションがさらに 4 つあります。)