0

MacのChromeとSafariの両方で奇妙な動作に気づきました。

  • マウンテンライオン
  • Safari 6.0(8536.25)
  • Chrome 21.0.1180.89

このページは、テキストが含まれている単純な固定divです。違いを簡単に確認できるように、5秒間で単純なCSS変換を行う2番目のdivを追加しました。私のWebアプリはCSSトランジションを使用して部分を表示および非表示にしていますが、その間、画面の大部分がシフトしているように見えました。

サンプルコードと.movファイルをサーバーに配置したので、同じ問題が発生することを願っています。

http://physicaltable.com/index.htmlおよびhttp://physicaltable.com/CSS_JIGGLE_TEST_2.mov

奇妙な太字は、Windows 7のChromeでは発生せず、iPad 2(v5.1.1)でも発生しません。

他の誰かがこのタイプの問題を見たことがありますか?

4

1 に答える 1

0

これは大した答えではないことはわかっていますが、主に要素のレンダリングが原因であることがわかりました。要素がハードウェアまたはその他の種類のグラフィック レンダリングを使用する必要がある場合、基本的にテキストの画像を取得し、調整してから、テキストを再レンダリングします (可能な場合)。

ブラウザ/ディスプレイ/何かがテキストの見栄えを良くするセンスを追加しているため、「写真を撮る」ことで大胆さが失われます。もちろん、見た目はそれほど良くありませんが、それは私だけです。

すべての白/黒以外の色が異なると、動作が異なる可能性があることに気付きました。ブラウザとレンダリングが進歩するにつれて、物事がスムーズになることを願っています.

于 2013-04-24T17:49:13.690 に答える