CSS Anpassung für Tablet

[WernerK]

Hallo

eine Webseite soll auf einem normalen Desktop PC / Monitor laufen als auch auf einem 7" Tablet mit 1200 x 800 Auflösung (Pickeldichte 206ppi)

Ich würde gerne die Schriftgröße auf dem Tablet etwas vergrößern und versuche das mit:

@media screen and (max-device-width:1200px) {
    font-size: 18px;
}

Da dies sich nie auswirkt habe ich mal mit Javascript eine Ausgabe gemacht. Hier kommt jetzt anstatt der erwarteten 1200 x 800 aber nur 949 x 545 heraus.

An was liegt das? Wie muss denn die media Angabe heissen dass es nur für das Tablet greift?

var screenWidth = window.screen.width; var screenHeight = window.screen.height; alert('Weite' + screenWidth + 'Höhe' + screenHeight

Gruss Werner