因此，我正在创建一个wordpress主题，在所有现代浏览器中它看起来都非常不错，但是在iPad上，我所做的一切似乎都与众不同。特别是现代技术，例如CSS线性渐变和框阴影。他们根本不工作。另外，有些图片无法正确显示，在整个容器旁边我的右边距为2px。
通常，我会使用Firebug之类的工具或类似工具来调试该设备上的代码。但是由于我自己没有iPad，因此这对我来说真是痛苦。
我已经看到互联网上有一些工具假装显示我的网站，就像我在真正的iPad上查看它一样，但是我得到的只是一个不错的iPad框架，它可以像我正在使用的浏览器一样显示该网站。
那么，您将如何解决这个问题？即使没有可测试的设备，您如何确保自己的设计在每个设备上都能正常工作？
另外，iPad对现代Web标准的支持程度如何？是真的吗，我不能使用任何html5 / css3技术，还是只需要对移动设备采用其他方法？
最佳答案
首先，我认为您的意思是“桌面浏览器”而不是“现代浏览器”，请记住，使用不同的CSS3属性似乎有些困难。 iOS Safari中可能不支持其中的某些功能。
Apples开发人员网站上的Safari Web Content Guide是一个供您阅读的好页面。我认为没有一个直接的答案可以告诉我们“与台式机浏览器相比，iOS / iOS Safari对CSS3的遵守程度如何”，但是有一些图表。我进行了快速搜索，发现一些2007年过时的图表（link），但它们可能仍对您有用。
我所相信的是，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不允许这样做），并执行与上述相同的操作。如果不亲自阅读这篇文章，this guide可能很有希望。 This answer相当充分地回答了您的问题。
关于ios - iOS/移动 Safari 如何符合现代浏览器标准？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/17014276/