Bonjour à tous!

Là je suis sur un problème concernant bootstrap et ma tablette samsung tab 4 10.1.

Il y a un truc que je pige pas...
Je teste ce site (de test et d'apprentissage) : http://vaurel.free.fr/shoes/index.html sur ma tablette avec chrome et ça déconne un peu...

Donc je me suis dit, ça doit être un problème de media queries!
Alors, je teste avec l'extension de chrome pour savoir la largeur de ma tablette : 1280px
J'ai donc mis, le code css pour ma tablette dans ce @media :

Code css : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
 
@media (min-width : 1200px){
}

Comme je commençais à travailler sous FF et que sous chrome pas mal de chose déconnaient, j'ai utilisé ce hack CSS pour chrome :

Code css : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
 
    @media screen and (-webkit-min-device-pixel-ratio:0) {
 
 
    }


Mais ma tablette ne veux rien savoir ! Même avec le navigateur chrome sur celle-ci!

Par exemple, sur ma tablette (au niveau des chaussures) :

- l'image noire "on sale" est complètement réduite
- idem pour l'image orange "out of stock" (qui n'est pas centré en passant)

En gros, je en sais pas quoi faire :/

ps : je teste en col-lg pour l'instant et le code css est un peu pourri, je nettoierai à la fin
ps2 : même en enlevant les hack CSS pour chrome, ça déconne encore plus

Merci pour votre aide!