Wenn ich mein CSS auf Mobilstyling stütze, verwende ich@media Abfragen für allmählich größere Bildschirme (Tablets, Desktops usw.). Werden die mobilen Geräte die Desktop-Stile verwenden?

Ich glaube, dass mobile Geräte in der Regel alle Bilder laden, auch wenn sie nicht auf die jeweilige Mediengröße zutreffen. Dies bedeutet, dass alle Bilder geladen und ausgeblendet werden, die nicht mit dem abfragebasierten Stylesheet übereinstimmen.

Ich versuche nur, einen Hintergrund für die größere Version der Website zu verwenden:

.splash {
    background: #1a1a1a url('/assets/imageLarge.png') no-repeat;
}

und eine andere für die mobile Version:

.splash {
    background: #1a1a1a url('/assets/imageSmall.png') no-repeat;
}

Wenn ich das mobile CSS vor Medienabfragen anwende und das große Medien-CSS unten mithilfe einer Abfrage wie folgt hinzufüge@media screen and (min-device-width: 481px) {...}, laden mobile Geräte das große Bild auch?