媒體查詢不適用於移動應用程序的iframe內

Question

當我的移動應用程序的iframe中加載站點時，出現奇怪的問題。我有一個七頁的網站。當我在iphone的Safari瀏覽器中瀏覽我的網站網址時。所有頁面的內容都呈現完美。但如果我在我的移動應用程序內的iframe中加載網站，android會在移動應用程序的iframe內部正確呈現網站。但是iPhone中的三個頁面的內容溢出了，我看不到整頁。我的媒體查詢列在下面。順便說一下，我爲我的網站使用引導框架。

@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 
    } 

是否有任何其他媒體查詢針對iPhone的移動應用程序內的iframe。我是這個響應式媒體查詢的新手。請幫忙。由於我在兩天內滿足客戶的期限，我必須解決這個問題。

在此先感謝。

Answer 1

有時瀏覽器不呈現mediaqueries功能。嘗試添加到您的頭部分。可能你會得到一些運氣。

<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" />