2015-05-06 107 views
0



Heho people,
使用設備寬度媒體查詢的缺點又是什麼?

我的追求的背景是:
- >一個websiteB I控制,並且具有爲響應
- >在100%的寬度的一個iframe和高度
- >上,可能具有webpageA NO viewport-meta-tag


因此,在移動設備上,移動瀏覽器呈現不帶視口元標記的網頁A,即它會很大。所以iframe獲得大數值爲它自己的響應和我的網頁B正常寬度 - 媒體 - 查詢(這是推薦很多次)不會觸發,因爲它需要小值。 。 。

儘管如此,設備寬度媒體查詢得到正確的值,所以爲什麼不使用它?爲什麼不使用設備寬度媒體查詢?

回答

0

設備的寬度與設備的視口無關,這是瀏覽器將使用的視口。通常在移動設備中,視口實際上更大,然後縮小到設備的寬度。

針對除文件的實際包裝正文(即視口)以外的媒體查詢的任何內容只是稍後要求在設計中出現問題。

至於沒有視口的瀏覽器渲染我想你可能會把你的術語關掉,我可以問你在用iframe創建什麼嗎?除非應用程序軟件特定的框架通常不鼓勵結構標記使用。

+0

將'沒有視口'改爲'沒有視口標記'和'將小值'改爲'需要小值' 事實上,我需要一個webapp的iframe,當然這對於移動設備。 我會使用設備寬度來獲得很好的斷點,以瞭解我是哪種設備。這正是我需要告訴我的佈局的信息,比例應該如何;如果菜單位於左側或頂部,... – MaxBoehme

+0

我試圖按照你的問題。我的理解是網站B包含iframe,這也是您控制的網站。對於沒有視口元標記的網站A,默認情況下將使用iframe作爲視口尺寸,如果這是它將加載的位置。在不知道應用程序正在做什麼的情況下,在網站A或B被加載並且更多涉及該項目的情況下,真正難以準確地回答該問題。 –

+0

對面:'a ** websiteB **我控制並且必須在響應中 - > **在100%寬度和高度的iframe **中 - > **在網頁上A **可能沒有視口 - meta-tag' [用相反的邏輯寫出來,對不起。] – MaxBoehme

相關問題