Android 响应性不适用于iPhone，使用媒体320px时宽度过长'；行不通

我使用的是默认的自定义皮肤“GHD”文件夹（没有响应），我下载了blanco主题，它位于“GHDNew”文件夹下，这是style.css和响应媒体查询的基础

我正在尝试设计Iphone的样式，但无法使肖像与设备的宽度相匹配。宽度很长，我无法解释，但看看这里ghd.ecommerceit.co.uk。风景很好

没有一个页面是真正合适的，我不得不用页边空白把所有的东西都写进去，除了挣扎。这也是我第一次尝试让它响应。有谁能告诉我，我可以使用什么来引入不同的元素，并根据设备的宽度使它们适合？i、 e.搜索、导航、徽标、标题链接、正文等

我不想使用保证金，但在此期间，它起作用了

Mayur

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

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

在您的style.css中

---

查看css框架以进行响应性设计，如或纯。如果标题中没有视口元标记，请尝试添加

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

---

如果您的示例页面是ghd.ecommerceit.co.uk（不含www），则（或至少一个）问题是

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

---

在您的all.css中，您的链接www.ghd.ecommerceit.co.uk不起作用，我想您的意思是请更正您的问题。您好，这已经在我的head.phtml文件中。我可以把它添加到我的header.phtml中。我看不到这个，我只是搜索了我的style.css？嗨，我看不到FTP文件夹中的all.css。我只能看到正在使用style.css。如果这就是你所说的，我被链接到花园和家庭网站的负责人？嗨，实际上是在使用ghdnew，因为ghd没有反应。我们有一个默认的magento主题“GHD”，然后下载Blanco以获取移动设备。