Просмотр поста

.
kantry
Hey guys! Finally I'm gonna change status!?

Iron_Man, Так как нереально с абсолютной точностью определить с чего сидит юзер, проще по разрешению экрана ориентироваться.

Тынц пример (+/-)
/* общий css */
.device:after {
        background-size: 20px 20px;
        display: inline-block;
        width: 20px;
        height: 20px;
        content:"";
}
/* что то огромное */
@media screen and (min-width: 1240px)  {
    .device:after {
        background-image: url('http://s1.iconbird.com/ico/2014/1/620/w512h5121390853998notebook512.png');
    }
}
/* таблетки */
@media screen and (min-width: 1024px) and (max-width: 1240px)  {
    .device:after {
        background-image: url('http://s1.iconbird.com/ico/2014/1/620/w512h5121390853998notebook512.png');
    }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
    .device:after {
        background-image: url('http://s1.iconbird.com/ico/2014/1/620/w512h5121390853998notebook512.png');
    }
}

/* мобильники */
@media screen and (max-width: 768px) {
    .device:after {
        background-image: url('https://icon-icons.com/icons2/984/PNG/512/Untitled-1-06_icon-icons.com_75119.png');
    }
}

<span class="device"></span>