缶ハンドヘルドスキップロード・イメージ用のスタイルシート
質問
私は、デスクトップ用のスタイルシートを持っており、ハンドヘルドのための別の。ウェブページが表示され、いくつかの画像をデスクトップ上に表示されますが、ハンドヘルド上に表示されたときに、それらの画像を非表示にする場合。ページには、デスクトップとハンドヘルドの両方のために設計されて表示されます。
私は、サーバーのログをチェックすると、、私は手持ちが実際にはまだちょうどそれらを表示しない、画像をロードしていることがわかります。それは、Webページの二組を維持することなく、それらを必要としないため、完全に画像をロードするからハンドヘルドを停止する方法は、ありますか?それはちょうどスタイルシートを使用して行うことができますか?
事前に感謝します。
レイモンド
解決
あなたは、背景画像などのモバイル機器に表示したくない画像を含みます。ブラウザのスタイルシートではあなたが使用することができます。
.element {
background: #FFF url('image.png') no-repeat left top; /* or whatever */
}
手持ちスタイルシートであなただけの背景画像を設定していないながら、そう、正確な使用状況に応じて、あなたが使用することができます。
.element {
display: none;
}
または
.element {
background: #FFF;
}
しかし、それはあなたが(ちょうど<img src="" />
など、しかし、あなたが気づいたとしてそれは、ロードからそれらを停止しません)その後CSSルールを通してdisplay: none
を含む画像を削除することはできません。
他のヒント
HTTPヘッダーの の前にマークアップごとにスタイルシートを送信します:
Link: <compact.css>; rel="stylesheet"; media="handheld"
そして、最も使用ハンドヘルドブラウザ - オペラ - イメージをロードしません。 WebKitの(サファリ)はまだありません、しかし! - 隠された要素についても、背景画像
所属していません StackOverflow