Änderungen sollten nur in Tablet-Geräten widergespiegelt werden

Question

Ich habe Körper-Hintergrundfarbe (ex: blau) auf meine Seite angewendet. Aber wenn ich diese Seite in Tablets, mobilen Geräten öffne, sollte die Farbe auf orange wechseln. wenn ich mein PC-Browserfenster verändere, ändern sich die Farben nicht. Ist es möglich?

Answer 1

Haben Sie eine CSS3-Medienabfrage versucht? wie unten angegeben?

/*Common Tablet Width*/ 
@media only screen and (max-device-width: 1024px) { 
    body{ 
     background-color:blue; 
    } 
} 

Answer 2

Sie können die Breite ändern, indem Sie das CSS-Tag ändern; aber das ändert sich über alle Geräte.

@media only screen and (max-device-width: 1440px) { 

Um festzustellen, ob seine eine Tablette oder welches Gerät der Benutzer, den Sie verwenden ist speziell Javascript verwenden können, um das Gerät zu bestimmen. Dann lade CSS entsprechend.

Sie können den Code hier sehen; [link] http://davidwalsh.name/detec-ipad [/ link]

Das Problem damit ist, gibt es Tausende von Geräten da draußen. Sie müssen also nach jedem Gerät suchen.

// For use within normal web clients 
var isiPad = navigator.userAgent.match(/iPad/i) != null; 

// For use within iPad developer UIWebView 
// Thanks to Andrew Hedges! 
var ua = navigator.userAgent; 
var isiPad = /iPad/i.test(ua) || /iPhone OS 3_1_2/i.test(ua) || /iPhone OS 3_2_2/i.test(ua);