0

レスポンシブ デザインのパラダイムでは、このような CSS を介して簡単に非表示にすることができます。

@media screen and (max-width: 360px) {
    #flash {
    display:none;
}

javascript、flash、またはサーバーサイト言語なしで id="flash" で div をロードしない方法はありますか? フラッシュ部分をロードしない理由は、モバイルデバイスにロードさせたくないからです...

HTML:

<div id="flash">
   <flashgallerystuff></>
</div>

どうもありがとう!

4

2 に答える 2

1

要素を非表示にするために JavaScript の欠如を使用することはできませんが、「プログレッシブ エンハンスメント」タイプのアプローチを採用し、JavaScript を使用して問題の divを挿入することはできます。そうすれば、JavaScript を使用しないユーザーには div が表示されません。

別の同様のアプローチは、ボディタグにデフォルトのクラスを与えることです。「no-js」は、javascript を使用してページ読み込み時に削除します (したがって、js を使用しないブラウザーでは、body タグにそのクラスが含まれます)。次に、CSS でそのクラスを使用して、「flash」div のデフォルトの「display:none」を設定できます。

.no-js #flash { display: none }

于 2012-06-27T11:06:33.987 に答える
1

(javascript を使用しない) 唯一の方法は、通常の Web サイトとモバイル バージョンの Web サイトに別々のページを使用することです。

于 2012-06-27T10:48:28.293 に答える