0

Respond.jsがいつ作業を終了したかを検出できる方法はありますか?

現在、レイアウトが正しく表示されるまでに約 1 ～ 2 秒かかります。Respond.jsが仕事を終えたときに非表示になる、ある種の読み込みインジケータを追加したいと思います。

ありがとう。

PS。私は良い慣行を知っていますが、クライアントはお金を払っています.

4

2 に答える 2

2

デフォルトでコンテナを非表示にして読み込みインジケータを表示し、メディア クエリを使用してそれらを切り替えることができます。

.container {
    display: none;
}
.loading {
    display: block;
}
@media (min-width: 1px) {
    .container {
        display: block;
    }
    .loading {
        display: none;
    }
}

メディア クエリをサポートするブラウザーは、すぐにコンテナーを表示し、読み込みインジケーターを非表示にします。そのメディアクエリがrespond.jsによって処理されるまで、古いIEはそうしません。

于 2015-03-20T00:27:14.770 に答える
0

警告: 暴言

ちょっと考えてみてください。レンダリング エンジンが遅い古い (IE<9) ブラウザーで JS がレイアウトを変更するのを待っている間、UI がロックされているユーザーになることを考えてみてください。解決策は次のとおりです。

<!--[if lte IE 8]>
<style type="text/css">
 body { min-width: 1020px; }
</style>
<![endif]-->

IE8 ユーザーは、respond.js がブラウザーのパフォーマンスをかみ砕いてユーザー エクスペリエンスを破壊するよりも、少しだけ水平方向にスクロールすることを望んでいます (彼らは次善の UX に慣れていて、結局のところ IE8 を使用しているのです!!!!)。

于 2014-07-30T14:41:12.780 に答える