[CSS]Problem ze stylami Opcje

[jaca121212]

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

[ilidir]

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

[jaca121212]

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

Ten post edytował jaca121212 27.02.2015, 20:04:32

[kafowi]

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.

Ten post edytował kafowi 27.02.2015, 20:28:15

[rad11]

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

[jaca121212]

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) {

}

[rad11]

Sprobuj to sie dowiesz (IMG:style_emoticons/default/haha.gif)

[jaca121212]

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/

Ten post edytował jaca121212 28.02.2015, 08:21:32