所以我正在创建一个 wordpress 主题，它在所有现代浏览器上看起来都非常好，但似乎我所做的一切在 iPad 上看起来都不一样。特别是像 CSS 线性渐变和盒子阴影这样的现代技术。他们根本不工作。还有一些图片显示不正确，我在整个容器旁边有 2px 的右边距。
通常我会使用 Firebug 之类的工具来调试该设备上的代码。但由于我自己没有 iPad，这让我很头疼。
我看到互联网上有一些工具可以假装显示我的网站，就像我在真正的 iPad 上查看它一样，但我得到的只是一个漂亮的 iPad 框架，它显示的网站与我的浏览器完全一样我正在使用。
那么，您将如何解决这个问题？您将如何确保您的设计在每台设备上都能正常运行，即使您没有设备可以进行测试？
此外，iPad 对现代网络标准的支持程度如何？我真的不能为此使用任何 html5/css3 技术，还是我必须对移动设备采取不同的方法？
最佳答案
首先，我认为您的意思是“桌面浏览器”而不是“现代浏览器”，考虑到这一点，您似乎在使用不同的 CSS3 属性时遇到了困难。其中一些可能在 iOS Safari 中不受支持。
一个适合您阅读的页面是 Safari Web Content Guide在苹果开发者网站上。我不认为有一个直接的答案可以说明“与桌面浏览器相比，iOS/iOS Safari 对 CSS3 的遵从程度如何”，但是有一些图表。我快速搜索了一下，发现了一些 2007 年的过时图表 (link)，但它们可能对您仍然有用。 我确实相信，iPhone 或 iPad 支持现代网络标准(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 的虚拟机(我认为苹果不允许这样做)，然后执行与上述相同的操作。我自己没有阅读帖子，this guide可能看起来很有希望。 This answer很充分地回答了你的问题。
关于ios - iOS/移动版 safari 与现代浏览器标准的符合程度如何？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17014276/