Por que o CSS background-size: cover não funciona no modo retrato no iOS?
Estou tentando montar um manualsplash-image
em todos os dispositivos. Eu estou fazendo isso, verificandoorientation
(dispositivos de toque) ouscreen width vs. screen height
(nenhum toque) e defina um URL de acordo.
Então eu adiciono esta regra CSS via Javascript:
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)
Comx
sendo a imagem a ser carregada dependendo da orientação e tamanho da tela.
Meu problema é que isso funciona bemlandscape
modo, mas no meu iPad emportrait
modo, a imagem correta é carregada (difere dependendo do retrato / paisagem), MAS não é expandida para o tamanho de tela inteira.
Questão:
Não posso usar CSSbackground-size
no iOS no modo retrato?
Obrigado pela ajuda!
EDITAR:
Apenas tentei no meu smartphone Android. Funciona bem lá. Não faz sentido, porque não funciona no iPad.