响应不能在iPhone上工作，宽度太长使用媒体320px不能工作

Question

我正在使用一个默认的自定义皮肤'GHD‘文件夹(没有响应)已经下载了blanco主题，它在'GHDNew’文件夹下，这是style.css的基础和响应媒体查询。

我正在尝试设计Iphone的样式，但无法让画像适合设备的宽度。宽度很长，我不能解释，但看看这里ghd.ecommerceit.co.uk。The Landscape运行良好。

没有一个页面实际上是合适的，我不得不使用页边距来把所有的东西都放进去，但却很艰难。这也是我第一次尝试让它响应式的。有没有人能建议我可以用什么来引入不同的元素，并根据设备的宽度使它们适合？即搜索，导航，徽标，标题链接，正文等。

我不想使用边际，但在此期间，它是有效的。

马约尔

Answer 1

这不符合的(或至少一个)原因是

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

在你的style.css中

查看用于响应式设计的css框架，如bootstrap或纯css。

Answer 2

标头中没有viewport meta标记，请尝试添加

<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中