0

ブラウザがページをレンダリングするときに不要な HTML タグを非表示にする方法は? 私はレスポンシブ テーマを開発しています。今のところdisplay: none;、すべてのタグを非表示にするために使用しています ( <div>/<img>/<span>)。しかし、私が知っているように、ブラウザーはすべての DOM を読み取り、CSS と JavaScript を含むすべてのルールを適用します。

CSS

.desktop {
    display:none;
}

html

<div class="desktop">
    <img src= " ..
    <div id="container" ...
    <span class="font ...
</div>

レスポンシブ モードで同じ CSS ファイルを持つ同じ HTML ページを使用しているときに、ブラウザによってレンダリングされた不要なタグを非表示にする正しい方法は何ですか?

注：firebugを使用している場合、display:noneブラウザで設定しても、画像を含むすべてのdivをロードしますが、表示されません。

4

3 に答える 3

0

これで問題ないはずです。display: none;仕事をするべきです。JavaScript を使用して DOM を操作している場合は、インライン スタイルを適用できます。

于 2013-07-04T15:00:01.587 に答える
0

特定の要素を隠したい場合はstyle、要素に を設定することをお勧めします。これにより、CSS エンジンが外部スタイル シートの CSS セレクターに一致する要素を見つけるためのルックアップの量が減るためです。したがって、次のようなものがうまくいきます。

<div id="container" style="display:none"></div>

于 2013-07-04T15:03:21.053 に答える