然后我通过Javascript添加这个CSS规则：
document.styleSheets[3].insertRule('.initHandler:before {
background: url('+x+') no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}',0)
根据方向和屏幕尺寸,x是要加载的图像.
我的问题是在横向模式下工作正常,但在我的iPad上,在纵向模式下,加载正确的图像(根据人物/风景不同而不同),但不会扩展到全屏尺寸.
题：
在纵向模式下,我不能在iOS上使用CSS背景大小？
感谢帮助！
编辑：
刚刚在我的Android智能手机上试过.工作正常没有任何意义,为什么它不适用于iPad.
解决方法
Provide Launch Images :
iPhone-only applications may only have one launch image. It should be in PNG format and measure 320 x 480 pixels. Name your launch image
file Default.png.iPad-only applications: Create a launch image for each supported orientation in the PNG format. Each launch image must be 1024 x 748
pixels (for landscape) or 768 x 1004 pixels (for portrait).Universal applications: Include launch images for both iPhone and iPad.
Update Your Info.plist Settings Specify values for the UISupportedInterfaceOrientations and UIInterfaceOrientation
和
Not all browsers recognize the cover keyword for background-size,and as a result,simply ignore it.
因此,我们可以通过将背景大小设置为100％的宽度或高度来克服这个限制,具体取决于方向.我们可以针对当前的方向(以及iOS设备,使用设备宽度).有了这两点,我想你可以使用CSS background-size：在iOS上以纵向模式覆盖
这里还有一些我在寻找解决方案时遇到的其他资源：Flexible scalable background images,full scalable background images,perfect scalable background images和this讨论.
