Responsywność CSS

Hej

ustawiłem pewne style dla monitorów "screen" :

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.mystyle{
		background-color:rgba(240,240,240);
		position:absolute;
		top:100px;
		width:50%;
	}

Dla małych roździelczości (tablety, komórki) chciałbym ukryć ten styl "display:none", jak to zrobić ? Nie chce wpisywać w każdą roździelczość "@media (max-width:640px){}, ..." i ukrywać, czy można to zrobić masowo ?

Dla małych roździelczości (tablety, komórki) chciałbym ukryć ten styl "display:none", jak to zrobić ?

Nie możesz po prostu dać reguły dla jakiejś rozdzielczości w dół, żeby ukryć element .mystyle?

@media (max-width:640px) /* dla urządzeń o rozdz. 640px i mniej *./
{
   .mystyle { display: none; } /* albo jakieś inne tam style */
}

Chyba, że ja czegoś nie zrozumiałem?

obecnie większość FW CSS ma wprowadzone specjalne klasy za pomocą których można ukryć/zostawić dany element na określonej rozdziałce, proste i wygodne