+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Różne style dla urządzeń - @media (/thread-rozne-style-dla-urzadzen-media)
Różne style dla urządzeń - @media - potato - 01-04-2011
Witam,
w pliku media.css mam m.in. taki kod:
Kod:
@media print{
BODY {background-color:#ffffff;}
}
@media handheld{
BODY {color:#000000;}
}Tylko pytanie jak teraz sprawdzić, że to faktycznie działa?
RE: Różne style dla urządzeń - @media - Kartofelek - 01-04-2011
1) Podgląd drukowania w przeglądarce do 1 opcji (przynajmniej w FF jest)
2)
* http://lab.erich-holzbauer.at/mobile/screensizes.php
* Opera bodajże ma jakieś opcje do tego
* własny telefon ;]
I obczaj sobie nowy "boilerplate mobile" (google), bo stylowanie kontentu dla telefonów nie kończy się na hanheld :}
RE: Różne style dla urządzeń - @media - potato - 01-04-2011
Niestety nie działają mi style jak należy. Problem w tym, że w ogóle nie jest brany pod uwagę plik media.css.
W nim mam:
Kod:
@media print {
body {
font-size: large;
background-color: blue;
}
}
@media handheld {
body {
font-size: small;
color: black;
background-color: purple;
}
}
@media print, handheld {
body { line-height: 1.2 }
}W pliku htm:
Kod:
<link href="style2/media.css" rel="stylesheet" type="text/css" media="handheld" />Pomimo tego nie ma w podglądzie wydruku ani w widoku handheld śladu użycia jakiegokolwiek stylu.
RE: Różne style dla urządzeń - @media - Kartofelek - 01-04-2011
Cytuję:
"I obczaj sobie nowy "boilerplate mobile" (google),..."
<link href="style2/media.css" rel="stylesheet" type="text/css" media="handheld" />
Taką deklarację widzą tylko niektóre urządzenia, ale osobiście ich nie widziałem. Stąd tak jak w powyższym boiler, style umieszczasz w tym samym pliku co resztę:
http://doman.art.pl/themes/style.css
RE: Różne style dla urządzeń - @media - potato - 01-04-2011
Ok powiem więc co chcę osiągnąć, bo chyba mnie nie rozumiesz. Otóż mam jakąś podstronę z treścią i dodatkowo na niej dwa buttony js, czyli:
Kod:
<input type="button"...RE: Różne style dla urządzeń - @media - Kartofelek - 01-04-2011
zle. style media i print wrzucasz do pliku ze stylami. nie do oddzielnego bo to nie dziala. ale w twoim przypadku to nie ma znaczenia bo skoro chcesz wyswietlic ta strone na ekranie (podglad) to po prostu daj temu podgladowi nowy plik ze stylami (media aĺĺ - bo dla druku i ekranu takie samo).
jedzcze raz - print idzie na drukarke; screen na ekran. skoro ma byc podglad na ekranie to styl ma byc screen (all) ale przystosowany jak do druku.
handheld idzie na tel, wiec go nie uzywasz do podgladu