2017-01-07 13 views
0

私は最初のウェブサイトを完成させました.Gitubにアップロードして、いくつかの異なるデバイスでテストしました。私はhtml5、css3、少しのJavascriptと少しのjQueryを使用しました。私は100%応答性にしようとしました。Androidのブラウザとの互換性

私は小さいデスクトップでチェックしました。ウェブサイトは私が意図した通りです。私はiPhone 4sでチェックしたが、それは完璧だったし、iPhone 6でも同じことが起こった。しかし、私がサムスンS3携帯電話と私はそれを試してみたを意図していない私のウェブサイトのいくつかのセクションはだった。

主な問題はすべての線形勾配です。たとえば、次のように

  • background:linear-gradient(to right, #f2f2f2, #f7cf9f);

ので、代わりの勾配であること、それは(...私は推測している「透明」)全く色を示しません。そして明確にするために、これはアンドロイドのデフォルトブラウザでのみ起こりました。私がサムスンS3でウェブサイトを開いても、クロムを使用するとすべてが意図どおりになっていました。

これを解決する方法を教えてもらえますか?事前にどうもありがとうございました!

+0

CSSグラデーションは、すべてのAndroidのブラウザでサポートされなければならないが、古いものは '-webkit-'が必要です。 http://caniuse.com/#feat=css-gradients – Paul

+0

バージョン4.3は古すぎるので、-webkit-が必要です。しかし、これは古いバージョンでも当てはまりますか?私は私のS3が4.2であることを見た... –

答えて

0

は、私は私のホームページに使用:

background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0, #3f95ea), color-stop(1, #0066FF)); 
background-image: -webkit-repeating-linear-gradient(top left, #3f95ea 0%, #0066FF 100%); 
background-image: repeating-linear-gradient(to bottom right, #3f95ea 0%, #0066FF 100%); 
background-image: -ms-repeating-linear-gradient(top left, #3f95ea 0%, #0066FF 100%);