largeur CSS ne change pas, peu importe ce que je fais

Voici le site en question:largeur CSS ne change pas, peu importe ce que je fais

Le problème

Le site fonctionne très bien (utilise swipe.js pour gérer le curseur), mais une fois que vous redimensionnez la fenêtre inférieure à environ 380px l'ensemble se brise. (essayez de redimensionner la fenêtre puis d'aller 1 ou 2 diapositives vers la droite).

Je ne peux pas pour la vie de moi expliquer pourquoi c'est. Aucune de mes requêtes média n'affecte la taille de la fenêtre, et il semble que les éléments <li> ne puissent pas être inférieurs à 352px. Si je les place à width: 180px !important; il les garde toujours à 352px!

Je suis complètement perplexe. Des idées sur ce qui cause ces problèmes?

Source

2012-12-16 Jascination

Utilisez un outil de développement de navigateur Web pour inspecter les styles * appliqués *. Ensuite, jouez sur la modification du CSS des "éléments en direct" (ou des "sélecteurs de style en direct" pertinents) et voyez ce qui se passe. –

C'est ce que j'ai fait, avec l'élément d'inspection de Chrome. Je redimensionne le navigateur pour assez petit, et joue avec les paramètres, mais tout reste brisé. J'ai même commencé à enlever la plupart des css que j'ai appliqués mais en vain. – Jascination

Est-ce que vous regardez ** all ** (comme hérité ou '! Important ') du style appliqué à l'élément, et ses parents? – Ian

Le site semble être complètement cassé dans IE 8. Certains problèmes avec Internet Explorer sont causés car il est en mode 'quirks' (voir http://en.wikipedia.org/wiki/Quirks_mode). En vérifiant simplement que le doctype a été défini et qu'il n'y a rien eu avant le doctype, mon site a commencé à fonctionner comme prévu.

Source

2013-02-07 06:09:20 tnschmidt

largeur CSS ne change pas, peu importe ce que je fais

Répondre

Questions connexes