0

我开发了这个网站

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

  1. 有没有一种简单的方法可以在 iphone 上可靠地检查(模拟)我的网站(我尝试过这样的 网站,但是这个网站在 safari 中打开 iframe 试图模拟 ihopne 本机屏幕尺寸,但问题出在其他地方......)?

  2. 关于我犯的明显错误的任何快速提示?

感谢帮助

4

2 回答 2

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" />

此外,请查看Mobile Safari 中可用的其他元标记

于 2012-09-12T10:07:22.410 回答
0

我部分找到了答案。事实证明,大多数移动浏览器(包括 iphone 的 safari 和三星银河中的默认浏览器)不支持

{ background: transparent;}

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

于 2012-09-21T13:59:25.203 回答