2016-10-11 14 views
2

オペレーティングシステムによってWebサイトの表示が異なる可能性はありますか?私はクライアントのグラフィカルなグリッチをデバッグしようとしていましたが、それを自分で再作成することはできません。私が話したことから、iOSデバイス上のサイト(下のリンク)を見ると、ホームページバナーに空の円が表示されます。しかし、Androidの携帯電話やデスクトップのブラウザではこのバグを再現することはできません。また、個人的にはiOSデバイスにアクセスすることはできません。オペレーティングシステムによってWebサイトのバグが発生する可能性がありますか?

チームのメンバーにこれをテストするよう依頼しました。返信した2人のiPhoneユーザーのうち、SafariとGoogle Chromeで発生すると報告しました。これが重要な意味を持つ場合は、両方ともiOSの最新リリースにあることに注意してください。

この問題に取り組む上での助けに感謝します。このサイトはWordPress上に構築されていますが、WordPress固有の問題のようには思えないので、ここに投稿しました。

質問でウェブサイト:http://www.fineyachtfinishing.com/

+0

iosはブラウザのスキンの量のみを許可します。 iosのWebkitレンダリングエンジン以外は使用できません。技術的にはすべてが単なる「iosブラウザ」です。 –

+0

答えは基本的には*はい*です。 @MarcBはAppleがiOSデバイス上でWebkitレンダリングエンジンの特定のビルドを許可しているという。規格準拠の欠如がひどく、フランスの企業[nexedi](https://www.nexedi.com/blog/NXD-Apple.Lawsuit.Blog)もアップル社を訴えています。 – worc

+0

私はすばやく見ましたが、Webインスペクタでサークルがどこから来ているのかわかりません。これは私のiPhoneにのみ表示され、iOSシミュレータ、レスポンシブデザインモードのDesktop Safari、iPadでは表示されません。 「iPhone.css」やあなたのcssファイルに報告されたいくつかのエラーを含む多くのcssファイルがあります。おそらくそれらで始まります。 – Paulw11

答えて

2

は私にこの1を把握するための研究を少しかかりましたが、ここでは、この問題に対するソリューションです。

*::-webkit-media-controls-start-playback-button { 
    display: none!important; 
    -webkit-appearance: none; 
} 

私はそれが(「映像」要素の再生ボタン)であったものを考え出した後、私はここに解決策が見つかりました: Hide iPhone HTML5 video play button

+1

私はこれが働いたと言われました。ありがとう! –

0

そのないオペレーティングシステムではなく、ブラウザの種類を。 さまざまなWebブラウザが異なるエンジンを使用して構築されており、これらのエンジンは、これらのブラウザでWeb要素を表示および書式設定する方法に影響します。

関連する問題