1

私は大きな画像背景リードジェネレーションページhttp://minkstock.comを持っています

モバイル対応にしたいのですが、デスクトップやタブレットのウェブサイトの背景に使用する巨大な画像をロードしたくありません。

モバイルに読み込まれないようにする最善の方法です。

4

3 に答える 3

2

@devundefが示唆するように、メディアクエリを活用できます。ただし、基本的な実装は、フルサイズの画像で背景を上書きするメディアクエリを使用したモバイルエクスペリエンス用である必要があります。

于 2012-08-03T22:06:04.730 に答える
2

@devundefは正しかった。通常、CSSから背景画像を呼び出します。この場合、CSS3メディアクエリで十分でした。また、このルールに従うことをお勧めします。

オプション（cssバックグラウンドを採用したくない場合）：Foresight.jsプラグインをチェックしたことがありますか？データネットワークとともにブラウザを検出します：https ：//github.com/adamdbradley/foresight.js

これは、ユーザーのブラウザと接続タイプに応じた適応型画像置換のオプションを提供します。良い点は、背景を削除する必要がなく、UIの一貫性を保つことができることです。

于 2012-08-03T22:46:49.240 に答える
2

css メディア クエリを使用できます。

例：

// this background will apply only for screen sizes between 320 and 480px
@media only screen 
   and (min-device-width : 320px) 
   and (max-device-width : 480px) {
     background-image: none; // or another image...
}

詳細: http://css-tricks.com/snippets/css/media-queries-for-standard-devices/

于 2012-08-03T22:03:22.263 に答える