0

所以我正在创建一个 wordpress 主题,它在所有现代浏览器上看起来都非常不错,但似乎我所做的一切在 iPad 上看起来都不同。尤其是像 CSS 线性渐变和 box-shadow 这样的现代技术。他们根本不工作。还有一些图像无法正确显示,我在整个容器旁边有 2px 的右边距。

通常我会使用 Firebug 之类的工具或类似的工具来调试该设备上的代码。但由于我自己没有 iPad,这对我来说变得很痛苦。

我已经看到互联网上有一些工具假装显示我的网站,就像我在真正的 iPad 上查看它一样,但我得到的只是一个漂亮的 iPad 框架,它显示的网站与我正在使用的浏览器完全一样。

那么,您将如何解决这个问题呢?即使您没有要测试的设备,您如何确保您的设计在每台设备上都能正常运行?

另外,iPad 对现代网络标准的支持程度如何?我真的不能使用任何 html5/css3 技术,还是我只需要对移动设备采取不同的方法?

4

1 回答 1

1

首先,我认为您的意思是“桌面浏览器”而不是“现代浏览器”,考虑到这一点,您似乎在使用不同的 CSS3 属性时遇到了困难。iOS Safari 可能不支持其中一些。

Apple 开发者网站上的Safari Web Content Guide是一个适合您阅读的好页面。我不认为有一个直截了当的答案来说明“与桌面浏览器相比,iOS / iOS Safari 对 CSS3 的遵守程度”,但是有一些图表。我进行了快速搜索,发现了一些 2007 年的过时图表(链接),但它们可能仍然对您有用。我确实相信 iPhone 或 iPad 支持现代 Web 标准(HTML5 和 CSS3)的方式差别很小,iOS 版本(或更好的 iOS Safari)可能会产生更大的不同。

一个很好的检查页面是Can I use.com。您可以检查不同的 CSS3 或 HTML5 函数,并查看它们是否在 iOS Safari 中受支持。

关于测试;如果你在 Mac 上,你可以下载 XCode。XCode 包括 iOS 模拟器,您可以在其中测试您的网站。iPad 和 iPhone(3.5" 和 4")。试试看。在您运行 Windows 时,我看到的唯一选择是运行带有 OS X 的 VM(我认为 Apple 不允许这样做)并执行上述相同操作。如果我自己没有阅读过这篇文章,本指南可能看起来很有希望。这个答案非常充分地回答了你的问题。

于 2013-06-09T21:35:29.333 回答