所以我正在创建一个wordpress主题,在所有现代浏览器上看起来都非常好看,但看起来我在iPad上做的一切看起来都不一样。特别是现代技术,如CSS线性渐变和盒子阴影。它们根本不起作用。还有一些图像无法正确显示,并且我在整个容器旁边有2px的右边距。
通常我会使用像Firebug这样的工具或类似的工具来调试该设备上的代码。但是,由于我自己没有iPad,这对我来说是个蠢事。
我已经看到互联网上有工具假装显示我的网站,就像我在真正的iPad上查看它一样,但我得到的是一个漂亮的iPad框架,显示网站就像我的浏览器一样使用。
那么,你会如何解决这个问题?您如何确保您的设计在每台设备上都能正常工作,即使您没有可以测试?
此外,iPad如何支持现代网络标准?我真的不能使用任何html5 / css3技术,或者我只需要为移动设备采取不同的方法吗?
答案 0 :(得分:1)
首先,我认为你的意思是“桌面浏览器”而不是“现代浏览器”,考虑到这一点,你似乎在使用不同的CSS3属性时遇到了困难。其中一些可能在iOS Safari中不受支持。
您阅读的好页面将是Apples开发者网站上的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的虚拟机(我认为Apple不允许这样做),并按照上面的说明进行操作。如果没有自己阅读这篇文章,this guide似乎很有希望。 This answer非常充分地回答了您的问题。