モバイルサファリでウェブページの高さが伸びています

Question

ウェブサイトを作成しました。モバイルサファリ以外のすべてのプラットフォームで正常に動作します。ページの高さが伸び、最初のクリックページが応答しなくなった後です。

html,body { 
    height:100%; 
    background:center no-repeat fixed url('../asset/images/logo1.jpg'); 
    background-size: cover; 
    color:#444; 
    font-family: 'Lato', sans-serif; 
} 

マイメタタグ：

<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0"> 

任意のヘルプは高く評価され、感謝します。

**編集：** Website in question

Answer 1

最初の問題は、フレームセットが廃止されていることであり、そのは、iPhoneのサファリに問題を引き起こしていることをその不思議。 - https://developer.mozilla.org/en/docs/Web/HTML/Element/framesetをご覧ください。

第2 - あなたはなぜ100％ボディとhtmlの高さを行う必要がありますか？高さを最小100％にしたい場合でも、ボディの最小高さ：100vhを実行します。

第3 - フレームセットさえ正しく使用されていません。ウェブサイトのコンテンツ（http://satyam.esy.es/HealthFriends/）をウェブサイトに含めます（http://healthfriends.in/）。では、フレームセットに余分なフレームがないので、内容とアセットをコピーしてコピーしないでください。

最後 - ドメインsatyam.esy.esからアセットを取得できない場合は、自分でアセットを開発する必要があるという問題が発生する可能性があります。その場合も、bootstrap、datepicker、およびmoment.jsに対するcdn要求を行います。そしてあなた自身のcssとjsを書いてください。

iPhoneの問題について - もちろんフレームセットは問題を引き起こしています。しかし、他にも何かがあるかもしれません。 saf32 iOSで動作する機能を確認してから適切なポリフィルを使用するには、Mordenizrを使用する必要があります。

希望すると、デバッグや開発に役立ちます。おかげで