Css3媒体查询图像优化

Question

嘿伙计们，我对Css3 Media查询很新， 现在我的问题是假设我把这个css3用于高分辨率

@media screen and (min-width: 800px) {

body {
    margin: 0px;
    background-image: url(../hq.jpg);
}}

Amd for low res i take this

    @media screen and (max-width: 800px) {

body {
    margin: 0px;
    background-image: url(../bw.jpg);
}}

现在我的问题是，如果我以高分辨率加载页面它是否只加载HQ pic或者它还会加载bw.jpg pic并将其保存在内存中。 并且值得花时间在不同分辨率的图像优化上，例如。像这个有hih res和lo res Pic？感谢。

Answer 1

当然是的，如果你的网站有hq图片说全屏，没有它不会加载DOM。