Różne style dla urządzeń - @media

[potato]

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?

[Kartofelek]

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 :}

[potato]

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.

[Kartofelek]

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

[potato]

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"...

Po kliknięciu w jeden z nich chcę w nowym oknie otworzyć podgląd strony do wydruku, a po kliknięciu w drugi podgląd strony dla handheld.

[Kartofelek]

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