Pokousim se upravit jednu webovou app pro ruzne zarizeni, melo by to byt rozumne citelne a ovladatelne jak na mobilech, tak na tabletech, nebo na TV s androidem. Jako - nejak ty styly zvladam, ale je mi zahadou jak si zarizeni pocita "max-width:" hodnotu.

Mam treba defaultni styl ktery chci mit vsude na velkych obrazovkach, a pak pro mensi prvni upraveny mam treba:

@media only screen and (min-width: 736px) and (max-width: 1600px) 

/* prni mobilni responzivni */
{
css styly pro tohle rozliseni
 }

- a na 4k TV se mi stejne zobrazi ne ten pro plne rozliseni, ale "prvni mobilni". Mobil mam FullHD - a stejne se mi zobrazi styl pro "uzsi nez 736" ktery tam mam taky definovany. Na nejakem 2k tabletu mi zobrazuje "prvni mobilni" i pri "max width: 1200". Tak ksakru, jak se mam dopracovat k stavu kdy se mi zobrazi na tabletu/mobilu jiny styl nez na velke 4k TV? Dle pixelu to absolutne nesedi, prepocitava si to nejakou bulharskou konstantou dle .ppi displeje???