initial-scale = 1.0 + width =設備寬度不適合任何移動設備上的整個屏幕

Question

所以我現在很難過。我正在使用主題「精緻」構建一個響應式網站。它與meta標籤

其中我的印象是將設置在屏幕寬度的內容全部建成。在我的手機上，我必須縮小以使內容顯示得很好。我已經嘗試將初始縮放值改爲0.65，這使得我的個人手機上的網站看起來很漂亮，我用它來開發，但在iPhone 6或其他設備上運行不佳。

我已經撲把臉靠在牆上，因此任何建議，將非常理解

Answer 1

的問題是，其具有一個固定的寬度的主容器，而不是基於屏幕自適應寬度。我的猜測是主題是廢話！

這裏有一個修復：

*, 
*:before, 
*:after { 
    margin: 0pt; 
    padding: 0pt; 
    box-sizing: border-box; 
} 

.content-pad { 
    width: 100%; 
} 

更具體地講，你得這個規則只適用於小型設備，像這樣：

/* Apply this width only to small devices */ 

@media only screen and (min-width: 320px) { 
    .content-pad { 
    width: 100%; 
    } 
} 

確保您更改了主題爲」由於css的特殊性，默認寬度或在寬度上追加!important。