Media Queries keine Ausgabe auf dem iPad-Anwendung angezeigt

Ich habe meine Medien Abfragen hinzugefügt und scheint, wenn ich unter diesem site laufen ist es nicht der richtige Ausgang i expected..This angezeigt Der erste Test ist i für dieses Handy hatMedia Queries keine Ausgabe auf dem iPad-Anwendung angezeigt

dies ist meine Medien-Anfragen

@media screen and (min-width: 768px) and (max-width: 1024px), (min-device-width: 768px) and 
(max-device-width: 1024px) and (orientation : landscape) { 
    .wrap{ 
     width:95%; 
     } 

    .box{ 
    width:29.33%; 
     float:left; 
     margin:0px 42px 0px 0 
    } 

    html{ 
     background-color:red; 
    } 
}

ich eine Störungsbehebung auf den Körper hat und html jedoch die Hintergrundfarbe nicht angezeigt

das ist mein site

Meine CSS

.wrap{ 
    width: 90%; 
    margin-top: 0; 
    margin-right: auto; 
    margin-bottom: 0; 
    margin-left: auto; 
} 

.box{ 
    width: 29.33%; 
    float: left; 
}

Quelle

2016-04-12 markoz007

Wo ist Ihre Website? Veröffentlichen Sie einen Link, wenn nicht der gesamte css-Code und dann auch der HTML-Code. – mlegg

Ich habe meine Frage aktualisiert und meine Website Link ist da..wenn Sie ein CSS benötigen kann ich es auch senden – markoz007

fügen Sie ein Css auch.sein wurde – markoz007

Ich habe meine Medienanfragen hinzugefügt

Aber Sie haben einen Schlüsselbestandteil in Medienanfragen vergessen, die die Meta-Darstellungselement ist. Z.B.

<meta name="viewport" content="width=device-width, initial-scale=1">

Sie müssen, dass für Medienanfragen in den head Ihre Seiten platzieren zu betreiben.

Quelle

2016-04-12 02:39:41

Dank..Es löst – markoz007

in Ihrem HTML-Datei haben Sie

<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">

, die älter ist, habe ich es mit html5 Doctype

<!DOCTYPE html>

BTW

ersetzen würde dieser Ort sieht gut aus.

Quelle

2016-04-12 13:22:23 mlegg

Dank Mate.changed it.i hoffe, dass Sie mögen meine Website ..;) – markoz007

Fyi, wenn ich die "" Es wird anders aussehen in Chrome ... nach dem Entfernen und einen Gewinn meiner Website hinzufügen sieht gut aus in Chrome..so ich gehe wie es ist – markoz007

Nein, wenn Sie das ändern und Ihre ursprüngliche Seite als index2.html speichern möchten. Öffne dann beide und sieh sie nebeneinander an. – mlegg

Media Queries keine Ausgabe auf dem iPad-Anwendung angezeigt

Antwort

Verwandte Themen