28172 sujets

CSS et mise en forme, CSS3

Bonjour à tous,
J'ai un petit problème avec un Background-image: url. Le fond est correct (s'adapte) sur tous les ordinateurs (y compris 13 pouces), mais l'image apparaît à 100% sur Ipad. Première fois que ce problème m'arrive Smiley decu .
Je vous joins une partie du body :
	background-position: right top;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;

Voici l'image (que je sais lourde : 2048/1536px*) :
http://pasterencemaisbud.fr/decalage/mm.jpg
Merci pour votre aide,
dh
*mais de mémoire, jamais vu cela sur Ipad avec ce genre d'image. Mais il est vrai je n'utilise normalement qu'un background-position: center
Administrateur
Bonjour,

As-tu un exemple visible en ligne ?
As-tu déclaré une meta viewport dans le document HTML ?
Bonsoir Raphael,
Merci pour ton article !!! Encore une fois, le newport est nouveau pour moi, j'ai donc appris pas mal de choses Smiley smile
La page qui pose problème est une page TUMBLR, dont le viewport était le suivant :
<meta name="viewport" content="width=720" />

Que j'ai changé par le code suivant :
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

Rien ne change sur Ipad. Et sur mobile, le problème ne se pose pas/ne s'est jamais posé (page d'accueil différente... TUMBLR oblige Smiley decu ). Le body ne pose aucun problème, si ce n'est son image de fond Smiley decu
Puis-je t'envoyer le lien en MP (j'ai de bonnes raisons pour cela que je t'expliquerais par la même occasion Smiley rolleyes ) ?
Encore merci pour ton aide et bonne soirée,
dh