媒體查詢在Facebook內Iframe

媒體查詢失敗我正在尋找找出爲什麼我的@media查詢觸發時，他們不應該在Facebook Canvas iFrame應用程序內。在810px寬頁面選項卡上，以下媒體查詢被觸發：媒體查詢在Facebook內Iframe

@media only screen and (max-width: 767px) {}

有人可以向我解釋爲什麼會出現這種情況嗎？ HTML和正文顯示寬度爲810px。它在瀏覽器中單獨查看同一頁面時正常工作，因爲只要將瀏覽器縮小到767px，就會觸發查詢...

僅供參考這是Facebook顯示在我的頁面選項卡上的iFrame代碼：

<iframe name="app_runner_fb_https4fe3673cce0ac5c25797649" 
id="app_runner_fb_https4fe3673cce0ac5c25797649" 
style="width: 810px; height: 941px;" frameborder="0" 
src="https://s-static.ak.facebook.com/platform/page_proxy.php?v=5#app_runner_fb_https4fe3673cce0ac5c25797649"> 
</iframe>

另外：查詢工作只是罰款全部應用頁面上（HTTP：//apps.facebook.com/...），因爲我有畫布寬度設置爲「流體」。頁面標籤似乎沒有使用此設置，只有一個窄的520px或寬810px選項。

感謝您的意見！

來源

2012-06-21 chuuke

我已經解決了這個問題。原來，這是導致查詢觸發的視口縮放或縮放。我沒有在瀏覽器上設置默認縮放級別，所以雖然它看起來是810px寬，但實際上它是類似於729的縮放級別。爲確保用戶將其視口縮放設置爲默認，請使用meta標籤：

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

來源

2012-08-02 18:11:17 chuuke

媒體查詢在Facebook內Iframe

回答

相關問題