Medienabfragen nicht innerhalb der iFrame einer mobilen Anwendung anwenden

Question

Ich habe seltsames Problem beim Laden einer Website innerhalb Iframe meiner mobilen Anwendung. Ich habe eine Website mit sieben Seiten. Wenn ich meine Website URL in iPhone Safari durchstöbere. Der Inhalt auf allen Seiten wird perfekt wiedergegeben. aber wenn ich die website in einem iframe innerhalb meiner mobilen anwendung die android lädt die website korrekt innerhalb iframe der mobilen anwendung. Aber in iPhone drei der Seiten der Inhalt übergelaufen und ich kann nicht die ganze Seite sehen. Meine Medienabfragen sind unten aufgeführt. Übrigens verwende ich Bootstrap-Framework für meine Website.

@media (min-width: 768px) and (max-width: 979px) { 
     // css goes here 
    } 
    @media (min-width: 768px) 
    { 
    // css goes here   
    } 
    @media (max-width: 767px) { 
    // css goes here    
    } 
    @media (min-width: 1200px) { 
     // css goes here    
    } 
    @media (min-width: 768px) and (max-width: 979px) { 
     // css goes here    
    } 
    @media (max-width: 767px) { 
     // css goes here 
    } 
    @media (max-width: 480px) { 
     // css goes here 
    } 
    @media (max-width: 320px) 
    { 
     // css goes here 
    } 
    @media (max-width: 240px) 
    { 
    // css goes here 
    } 
    @media (max-width: 979px) { 
    // css goes here 
    } 
    @media (min-width: 980px) { 
    // css goes here 
    } 

Gibt es andere Medienabfragen, die auf den iframe innerhalb der mobilen Anwendung des iphone abzielen. Ich bin neu bei diesen reaktionsschnellen Medienabfragen. Bitte helfen Sie. Da ich die Frist des Kunden in zwei Tagen einhalten muss, muss ich dieses Problem lösen.

Vielen Dank im Voraus.

Answer 1

Manchmal rendern Browser die Mediaqueries-Funktionen nicht. Versuchen Sie dies in Ihren Kopfbereich hinzuzufügen. Vielleicht hast du etwas Glück.

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=no; target-densityDpi=device-dpi" />