Question

我正在使用默认的自定义皮肤＆＃39; GHD＆＃39;文件夹（没有响应）已经下载了blanco主题，该主题位于＆＃39; GHDNew＆＃39;文件夹，这是style.css所基于的位置以及响应式媒体查询。

我正在尝试设置Iphone的样式，但无法使肖像工作以适应设备的宽度。宽度很长，我无法解释，但请看一下ghd.ecommerceit.co.uk。景观工作正常。

没有一个页面实际上是合适的，我不得不使用边距来使所有内容都融入其中但是仍在努力。这也是我第一次尝试让它变得敏感。任何人都可以建议我可以使用什么来带来不同的元素，并根据设备宽度使它们适合？即搜索，导航，徽标，标题链接，正文等...

我不想使用保证金，但在过渡期间，它正在运作。

MAYUR

Answer 1

这不适合的（或至少一个）原因是

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

你的style.css中的

查看响应式设计的css框架，例如bootstrap或纯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中