0

我在这里有这个网站http://heyheyandco.com/我不知道它在 iPhone 上出了什么问题。

它在 Chrome、Firefox、IE、iPad 上看起来不错，但在 iPhone 上却不行。

好像所有东西都因为某种原因向左浮动。

这是我网站的一些 CSS（顺便说一句，它是一个 wordpress 网站）

.site-content article {
margin-bottom: 72px;
margin-bottom: 5.142857143rem;
padding-bottom: 24px;
padding-bottom: 1.714285714rem;
word-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
padding-top: 15px;
}

.site-content {
float: left;
width: 65%;
margin: 1.714285714rem 0 0;
}

我如何找出问题所在以及如何解决？

4

2 回答 2

1

对我来说，除了不适合移动设备的标题外，它在 iPhone 上看起来还不错。你能描述更多关于你的问题吗？可能是截图...

尝试在http://mattkersley.com/responsive/此处测试设备分辨率，您也可以在其中使用开发人员工具并查看不同类型设备上出现的问题。

于 2013-03-20T07:09:52.477 回答
0 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta name="apple-mobile-web-app-capable" content="yes" />

在您的 html 文件中使用它...也许您会得到解决方案

于 2013-03-20T10:31:15.330 回答