響應式在iPhone上不起作用，使用Media 320px的寬度太長不起作用

Question

我使用的是默認的自定義外觀“ GHD”文件夾（沒有響應），已下載blanco主題，該主題位於“ GHDNew”文件夾下，這是style.css和響應媒體查詢所基於的主題。

我正在嘗試為Iphone設置樣式，但無法使人像適合設備的寬度。 寬度很長，我無法解釋，但請在這里ghd.ecommerceit.co.uk看看。 景觀運行良好。

沒有一個頁面真正適合，並且我不得不使用頁邊空白將所有內容引入其中，但仍處於掙扎狀態。 這也是我第一次嘗試使其具有響應性。 誰能建議我可以用來引入不同元素並根據設備寬度適合它們的東西嗎？ 即搜索，導航，徽標，標題鏈接，正文等...

我不想使用邊距，但在此期間，它正在工作。

馬約爾

Answer 1

不適合的（或至少一個）原因是

.page {
    position: relative;
    width: 100%;
    min-width: 750px;
    min-height: 100%;
}

在你的style.css中

查看用於響應式設計的css框架，例如bootstrap或pure css 。

Answer 2

您的標題中沒有視口元標記，請嘗試添加

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

Answer 3

如果您的示例頁面是ghd.ecommerceit.co.uk（不含www），則（或至少一個）問題是

#wrapper {
    width: 1004px;
    margin: 0px auto;
    overflow: hidden;
    text-align: left;
}

在你的all.css中