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>