2016-01-13 20 views
-1

無法弄清楚如何在頁面上做出正確的響應。已經嘗試了我所知道的一切(明確設置寬度,溢出:隱藏)。頁面在這裏 - http://todaytmrrw.com/當使用媒體查詢刪除內容時,容器div不改變其寬度

問題是:div.b-shareContent(主容器)的寬度是1024px,身高是1536px,所以當我打開手機頁面或開發人員工具Mobile Preview時 - 看起來像就像一個隱藏了一些內容的完整桌面版本。有任何想法嗎?

+0

您能否爲您的問題提供代碼,以便我們可以查看您已經嘗試過的內容。 – Doidgey

回答

1

問題是:div.b-shareContent(主容器)爲1,024像素寬

那是因爲你是告訴移動瀏覽器的頁面是寬,這樣的:

<meta name="viewport" content="width=1024"> 

「正常情況下」,對於只適應設備寬度的頁面,可以使用

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

這是正確的。這個頁面的標題包含在php中,所以我最初無法在這裏找到1024個硬編碼。非常感謝你。 –