2016-09-04 13 views
0

私は完全に反応するウェブサイトを作成しようとしていますが、今のところChrome、FireFox、Opera、IE、Android搭載の携帯電話、しかし、イルカブラウザは予期しない結果を引き起こし、divの背景イメージは完全にはスケーリングされず、divの高さの約30%程度カットされます。なぜドルフィンが私にこのような問題を引き起こしているのか分かりません。誰も助けてくれませんか?よろしくお願いします。 divが以下の通りです:Div背景Dolphinブラウザで画像のサイズが正しく調整されていない

.cover-image { 
background-image: URL("Images/bgg.jpg"); 
background-repeat: no-repeat; 
background-position: center center; 
background-attachment: fixed; 
background-size: cover; 
height:90%; 
} 
+0

バックグラウンドアタッチメント:固定;たとえば、一部のブラウザ(iPhoneのSafari)では無効になっています。これは事実かもしれません。 – sdvnksv

+0

@ Deka87はDolphinの 'background-attachment:fixed'について正しいです - http://www.quirksmode.org/css/backgrounds-borders/mobile.htmlを参照してください。私が知っているほとんどの開発者は、Chrome、Safari、Firefox、モバイルSafari、IE≧9のテストしかしないことを知っているほとんどの開発者は、*すべての*ブラウザと互換性のあるサイトを作るのは面白い課題です。おそらく≧8、またはおそらく≧10、店によって異なります)、最新のエッジ。 – henry

+1

@henry&Deka87あなたのコメントをお寄せいただきありがとうございます。 –

答えて

0

私は、ビューポートの高さであり、これは他のブラウザで同じ外観を維持しながら、イルカにそれを修正するように見えたどの新興ではなく、のVHに体の高さを変えました。関係者全員に大きな感謝をします。

関連する問題