css weiche für unterschiedliche bildschirmgrößen?

[gaby23]

Hallo,

wie baue ich eine css weiche für unterschiedliche Bildschirm Auflösungen nach dem Motto wenn du ein desktop oder laptop und 1280 x 800 groß bist nimm dieses css wenn du ein ipad bist dann nimm das css?

also nicht nur:

<link href="bligh.css" rel="stylesheet" type="text/css" media="screen and (min-width: 1381px) " />
<link href="bligh_1099.css" rel="stylesheet" type="text/css" media="screen and (min-width: 635px) and (max-width: 1099px)" />

wie sag ich ipad/iphone hier lang?

Wäre für links in die richtige Richtung dankbar, ich find irgendwie nix.
Danke!

 

[Difool]

http://aktuell.de.selfhtml.org/artikel/css/mobile-endgeraete/

 

[gaby23]

cool danke!
auf self html hätte ich auch mal selbst suchen können
hm, wenn media="handheld" mache verkleinert safari den hintergrund
php will ich nicht
ich such mal weiter nach ner css Lösung

/* Non-Retina */
@media screen and (-webkit-max-device-pixel-ratio: 1) {
}

/* Retina */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
}

/* iPhone Portrait */
@media screen and (max-device-width: 480px) and (orientation:portrait) {
} 

/* iPhone Landscape */
@media screen and (max-device-width: 480px) and (orientation:landscape) {
}

/* iPad Portrait */
@media screen and (min-device-width: 481px) and (orientation:portrait) {
}

/* iPad Landscape */
@media screen and (min-device-width: 481px) and (orientation:landscape) {
}

scheint erst mal zu funktionieren, erstmal

 

[gaby23]

danke für den fix