Mi lehet a probléma?

Készítettem egy weboldalt aminek képháttere van, és igyekeztem úgy beállítani, hogy a google chrome telefon nézetén is jól jelenlen meg. Sajnos amikor telefonon megnyitom az oldalt, kicsit sem hasonlít a korábban említett telefonos nézetre...

body {

overflow: hidden;

background: url(hatter.jpg) center center fixed;

background-size: cover;

background-repeat: no-repeat;

}

ezekkel a beállításokkal gépen tökéletesen működik. Telefonon viszont nem. Nem teszi ki teljes képernyőre, stb... pedig beírtam a head-be ezt is:

<meta name="viewport" content="width=device-width, initial-scale=1">

nem tudom számít-e valamit. Illetve tudom, hogy számít, mert okkal írtam be. Azt nem tudom, hogy a problémámon befolyásol-e valamit.

Segítsetek légyszi! Köszönöm!