DS928 Ответов: 1

Имея два образа. Один для рабочего стола. Один для мобильного.

Я пытаюсь настроить на своей домашней странице код для наличия двух изображений. Один для рабочего стола. Один для мобильного. Я не могу разобраться в этом самостоятельно. Это и есть код.
<pre><!--Desktop-->
                  <img src="Logos/BlackClear.png" width="610" height="250" alt="AudioDIGZ" longdesc="../../../../Logos/BlackClear.png" />
                  
                  <!--Mobile-->
                  <img src="Logos/PhoneBlack.png" width="275" height="175" alt="AudioDIGZ" longdesc="../../../../Logos/PhoneBlack.png" />



Я в тупике дальше этого пункта.

Что я уже пробовал:

Я попробовал поискать в сети. Ничего в пределах моего понимания. Нужна помощь. Спасибо.

1 Ответов

Рейтинг:
6

DS928

Это, кажется, работает, однако изображение на телефоне искажено. www.audiodigz.com

<pre><!--Desktop-->
                  <img class="hidden_mobile" src="Logos/BlackClear.png" width="610" height="250" alt="AudioDIGZ" longdesc="../../../../Logos/BlackClear.png" />
                  
                  <!--Mobile-->
                  <img class="hidden_desktop" src="Logos/PhoneBlack.png" width="275" height="175" alt="AudioDIGZ" longdesc="../../../../Logos/PhoneBlack.png" />



@media screen and (min-width:481px) {
    .hidden_desktop {
        display:none;
    }
}
@media screen and (max-width:480px) {
    .hidden_mobile {
        display:none;
    }
}