WordPress的HTML元素在手機上的100％寬度

我想讓我的WordPress的網站總是顯示100％的寬度。我的wordpress-css沒有移動特定的CSS。當我通過手機訪問該網站時，儘管CSS應該是這樣，但該網站不再是100％的寬度。我目前正在測試CSS中的東西，因此沒有鏈接該網站。WordPress的HTML元素在手機上的100％寬度

編輯：我現在嘗試刪除整個CSS中的所有寬度規格，單詞「寬度」不存在於CSS中的任何地方。 html仍然鎖定到320像素，與iPhone4指定的寬度相同。這可能是WordPress的問題，而不是CSS文件。

真正奇怪的是，如果我擴大了窗口，然後它的規模回落，它看起來像它應該是：

這是css：

body, html { 
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; 
    margin: 0; 
    padding: 0; 
    color: #333; 
    min-width: 100%; 
    margin: auto; 
}

我有視-事情在我的HTML的頂部：

<meta name="viewport" content="width=device-width">

但是我一直沒能「初始規模= 1」添加到WordPress的HTML。從我讀的內容來看，我懷疑這是問題。

有什麼建議可能是錯的？作爲一個旁註：它確實無法在實際的移動設備上顯示100％的寬度，這不僅僅是鉻設備模擬器失敗。

一個提示可能是，似乎連WordPress的本身誤判屏幕的寬度，如可以通過WordPress的可以看出頭球沒有填滿100％

來源

2016-01-22 Rkey

你應該重現問題在小提琴左右，或提供一個鏈接到一個網站，再現問題。 – Lal

好主意！我在鏈接中編輯。 – Rkey

試試max-width：100％和overflow：隱藏在你的body元素上，看看它的子內容是否擴展了窗口。 – David

通過RSN的要求，我將總結我們的討論作爲答案。信任rsn和其他人找到問題！

在這種情況下，寬度本身設置正確。問題在於事情超出了100％的寬度，並且網站試圖縮小一切以適應100％寬度以外的東西。這導致一切縮小，包括文本的字體大小，我認爲這是一個完全不同的問題。所以，指定後：

.img { 
    max-width: 100%; 
}

該網站工作正常。除了最後一個細節之外，我還有一個非常長的鏈接，儘管有單詞換行：最終結果是寬度比寬度更寬。爲了解決這個問題我補充說：

.long-link { 
    word-break: break-all; 
}

現在沒有移動100％的寬度以外，和一切工作，因爲它應該。

來源

2016-01-24 21:25:33 Rkey

WordPress的HTML元素在手機上的100％寬度

回答

相關問題