如何测试和调整iPhone的网站？

Question

我开发了这个website

在PC上的大多数浏览器和操作系统上看起来都很好。它甚至在我的HTC与Opera Mobile看起来很不错。不幸的是，我一直在收到有关它如何在iphone上显示的报告。我没有iPhone，所以这是我的问题：

1. 是否有一种简单的方法可以在iphone上可靠地检查（模仿）我的网站（我尝试过像this这样的网站 但这个网站做了什么打开iframe试图模仿ihopne原生屏幕尺寸，但问题是在其他地方......）？

2. 我做过明显错误的快速提示吗？

感谢您的帮助

Answer 1

如果您安装了MacOS计算机（甚至可能是hackintosh），您可以在那里安装Xcode，然后从中运行iPhone模拟器。进入后，您可以在模拟器中打开Safari并输入您的站点URL以查看。

我还在您的主页上附加了模拟器的快照。

您可以尝试在HTML中定义视口：

 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

另外，请查看其他meta tags available in Mobile Safari。

Answer 2

我部分找到了答案。事实证明，大多数移动浏览器（包括iphone的safari和三星galaxy的默认浏览器）都不支持

{ background: transparent;}

所以我需要提供这里描述的后备颜色：http://css-tricks.com/rgba-browser-support/