Měl bych jeden dotaz. Snad se tu najde někdo, kdo umí s css. Snažím se docílit toho, aby určitý prvek nebyl zobrazený na klasických monitorech s šířkou menší jak 1023px a zároveň potřebuji prvek skrýt i pro tablety, telefony,... Ale zároveň pro klasické monitory s šířkou vyšší jak 1024px už se prvky zobrazí. Je následující postup správně?
Kód: Vybrat vše
@media (max-width: 1023px) {
.class {
display: none;
}
}
@media only screen
and (max-device-width : 1920px),
and (-webkit-min-device-pixel-ratio: 1.5),
and (-webkit-min-device-pixel-ratio: 2) {
.class {
display: none;
}
}
Části and (max-device-width : 1920px), si úplně nevšímejte. Zatím tam mám plácnutou nějakou šířku, protože jsem ještě nevyzkoumal jaký zlomový bod by byl ideální. Jde mi jenom o princip. :)