問題タブ [safari7]

vh ユニットを使用して、ビューポートに基づいて高さ 100% の div を作成しました。

この 100% の高さの div の中に、50% の高さの div が必要です。

Chrome では問題なく動作しますが、Safari ではあまりうまくいきません。動作するはずですが、親 div の高さに固定値を使用している場合にのみ動作します。最新のiOS 7.1ではモバイルサファリでも機能しません

デモ: http://jsfiddle.net/qQ8dm/

高さ固定で動作: http://jsfiddle.net/xbBcy/ & http://jsfiddle.net/xbBcy/1/

親 div に 50vh を使用できることはわかっていますが、vh ユニットを 1 回しか使用しない場合は、単純なパーセンテージの高さがクロス ブラウザーの互換性に適している可能性があり、フォールバックを作成しやすくなります。

JavaScript と CSS を含むWeb サイトを取得しました。あまり派手なものは作られていませんが、言語を変更すると（右上隅の漢字をクリックして）Safari 7（バージョン7.0.2）がハングアップします。CPU の使用率が 100% を超え、「Design to Inspire」という文言 (GIF 画像) が中央に表示されます。そのサイトの JavaScript を診断するにはどうすればよいですか?

オンラインでの議論では、電力を節約するためにプラグインを停止できるようにする Safari 7 の新機能にバグがあり、パフォーマンスの低下を引き起こしていることが示唆されています。ただし、機能を無効にしても問題は解決しません。

一方、一部の開発者は、Safari の開発者パネルを使用してパフォーマンスを診断できると提案していますが、パネルは Safari とともにハングします。使用可能なデータはキャプチャされません。

ノート：

• Chrome / Firefox / IE では同様の問題は発生しません。
• JavaScript は 1000 行を超えるため、ここにすべてのコードを掲載することはできません
• Chrome では、開発者コンソールに、JavaScript の CPU 使用率は正常であると表示されます
• OSはMac OS X 10.9.2
• ゲスト ユーザーの Safari でも同じ問題が発生する
• 他のソフトウェアは CPU をあまり使用していません (つまり、CPU はほとんどアイドル状態です)。

私は非常に奇妙な問題を抱えています。私が開発しているサイトは、Chrome、Firefox、IE8+、Safari 6 以下で完全に表示されますが、Mavericks の Safari 7 では、モバイル サイトで表示されるはずの Web サイトのみが表示されます。

これはサイトです: http://dev.silvercreativegroup.com/op/

Mavericks を実行している 3 台のマシンでこれをテストしましたが、同じ結果が得られました。DOCTYPE を変更しようとしましたが、何もしませんでした。

何か案は？

テスト目的で Cordova アプリのアドホック ディストリビューションをエクスポートしました。iOS 8 を搭載した iPad に OTA をインストールして Mac に接続した後、Safari のリモート デバッグを使用することはできません。開発者メニューにアプリが表示されません。

これに対する解決策、または iOS デバイスでのリモート デバッグ用の Safari の代替手段はありますか?

編集: Safari を 7.1 に更新すると、iOS 7 デバイスのアドホック配布で Web インスペクターも壊れました。更新前に、同じ問題を抱えている人はいますか?

移動せずにスクロールすると、画面の下部に固定位置の div があります。ただし、Safari では、この div は完全に配置されているように機能し、残りのコンテンツと共に上下に移動します。[Inspect Element] をクリックすると、視覚的な (実際の?) 位置ではなく、プログラムされた (目的の) 位置が強調表示されます。

この問題をフィドルで再現することはできません。これは、Chrome、FF、または IE (10+) では発生しません。

Here's a screenshot of the difference between the visual (the character count box) and the programmed location (the highlighted area).

There are more actual layers of css and html on top of these, but here's the immediate code:

html simplified

scss

}

How can I make this div behave in Safari, so that the visual sits on top of the programmed location?

Safari 7 以降の CSS で重大な問題が発生しています。モバイルとデスクトップ...他のすべてのブラウザーは、ページと CSS を比較的正常に読み込みます。Apple は Safari 7+ で実際に何をしたのでしょうか? すべての iPhone ユーザーがこのページをごちゃまぜに見ることになるので、これは悪いことです...

明確な問題が何かはわかりませんが、CSS が欠落していることがわかります。これは CSS の一部です... ある種の Safari Guru が問題または (問題) が何であるかを確認できることを願っています。これは、私のサイトでこれらの問題が発生している唯一の主要なブラウザーです。「ユーザー エージェント」が CSS の一部を削除しているようです。

http://www.asumid.comは参照用のサイトです...実際にプレビューするには、Browserstack を介して Safari 7/8 にサイトをロードするか、マシンにある場合を除いて、これ以上の方法はありません。