Background Responsive Petit probleme

Fermé
nyn.y - 23 mai 2014 à 16:34
 Sitiodev - 24 mai 2014 à 14:04
Bonjour,

voila j'ai vue une question, que je me pose aussi, mais la réponse n'était pas cohérente ...
tout du moins je n'ai rien compris...
j'utilise la balise cover pr que mon image soit responsive sur tout mes navigateurs...
tout marche...
Je test sur ma tablette et mon tel Samsung tout fonctionne, je suis tres contente...
jusqu'au DRAME....
Cela ne marche pas sur Iphone ni Ipad...
que faire?
sachant que je travaille sur un CMS... sa peut etre utile de le savoir..

cordialement

A voir également:

2 réponses

Bonjour,

Essaye avec cette balise que tu dois placer dans le <head>.

<meta name="viewport" content="width=device-width, initial-scale = 1.0, user-scalable = no">
1
Salut, c'est certainement que cover n'est pas accepté.

Essaye ceci :

background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;



si cela fonctionne toujours pas tu peux essayer en pourcentage mais sa risque de déformer l'image

background-size: 100% 100%;


sinon peut être qu'il faudrait passer par du javascript.

tiens nous au courant et bonne soirée
¸,ø¤º°'°º¤ø,¸¸,ø¤º° *?((¯°·._.* LÖBÖTÖ *._.·°¯))?* °º¤ø,¸¸,ø¤º°'°º¤ø,¸
0