mam taki kod styli jak zrobić z nich żeby po wejściu na stronę z np telefonu czy tablet-a czy komputera zmieniały się style kod jest następujący
@media screen and (max-width: 499px) {
Oddzielny kod dla tej rozdzielczości
}
@media screen and (min-width: 500px) and (max-width:1023px) {
Oddzielny kod dla tej rozdzielczości
}

@media screen and (min-width: 1024px) and (max-width:2900px) {
Oddzielny kod dla tej rozdzielczości
}

gdzie robię błąd z tym kodem

hasło na dziś Bootstrap może coś pomoże.

wiem co to bootstrap dodam ze mam napisane style do każdej rozdzielczości tylko nie odpalają się na telefonie a na komputerze odpala

No i się nie odpalą bo screen to tylko i wyłącznie komputery z wyświetlaczem/tablety/smartfony, a ty tylko i wyłącznie do komputerów się odnosisz.

https://css-tricks.com/snippets/css/media-q...andard-devices/

czyli musiałbym zastosować devices np
@media screen and (min-device-width : 320px) {
Oddzielny kod dla tej rozdzielczości
}
czy tak
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {

}

Sprobuj to sie dowiesz

Nie wiem jak wam ale mi to nie działa na telefonie mam to w ten sposób zrobione
@media screen and (min-device-width: 240px) (max-device-width: 499px) {
KOD Źródłowy dla tej rozdzielczości
}


dobra już sobie to zrobiłem dla niewiedzących pokaże jak to ma wyglądać
(1) w ten sposób odpala na komputerze
@media screen and (max-width: 499px) {
Oddzielny kod dla tej rozdzielczości
}
@media screen and (min-width: 500px) and (max-width:1023px) {
Oddzielny kod dla tej rozdzielczości
}

@media screen and (min-width: 1024px) and (max-width:2900px) {
Oddzielny kod dla tej rozdzielczości
}

(2) jeśli zrobicie to w ten sposób to wam też nie odpali
@media screen and (max-device-width: 499px) {
Oddzielny kod dla tej rozdzielczości
}
@media screen and (min-width: 500px) and (max-width:1023px) {
Oddzielny kod dla tej rozdzielczości
}

@media screen and (min-width: 1024px) and (max-width:2900px) {
Oddzielny kod dla tej rozdzielczości
}

(3)To jest działający kod styli pod Androida
@media screen and (max-device-width: 499px) {
Oddzielny kod dla tej rozdzielczości
}
@media screen and (min-device-width: 500px) and (max-device-width:1023px) {
Oddzielny kod dla tej rozdzielczości
}

@media screen and (min-device-width: 1024px) and (max-device-width:2900px) {
Oddzielny kod dla tej rozdzielczości
}


Jeśli byście chcieli napisać style pod Iphona czy Ipada to polecam tą stronę możecie tutaj znaleźć jak to zrobić
http://snipplr.com/view/67341/