CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

Responsive design fluide ?

[NeoShock]
[NeoShock]
Niveau 10
28 janvier 2015 à 20:41:24

Salut !

Pour faire simple j'utilise Bootstrap et tout va parfaitement bien, mais je me demandais comment rendre le redimensionnement fluide et dynamique comme sur ce site ?

http://candyrosie.com/

J'ai cherché un peu mais en vain, j'espère que quelqu'un pourra me guider !

Merci :ok:

Pseudo supprimé
Pseudo supprimé 28 janvier 2015 à 23:04:50

Salut,

Tout est à peu près déjà géré simplement par bootstrap. Pour le texte qui se redimensionne, c'est du côté de jQuery qu'il faut se tourner.
http://simplefocus.com/flowtype/
http://mariojvargas.com/projects/jquery-text-resizer-plugin/

gromouton
gromouton
Niveau 6
28 janvier 2015 à 23:06:23

http://www.alsacreations.com/article/lire/930-css3-media-queries.html
et javascript

[NeoShock]
[NeoShock]
Niveau 10
29 janvier 2015 à 09:08:11

Merci pour vos réponses mais je connais déjà tout ça, je parle des blocs qui recalculent la taille à occuper automatiquement en fait :(

Message édité le 29 janvier 2015 à 09:08:34 par [NeoShock]
Caletlog
Caletlog
Niveau 10
29 janvier 2015 à 11:23:01

Utilise la classe container-fluid à la place des container. Si ton markup est fait correctement, ça fait le reste tout seul ; tes colonnes restent bien proportionnées par rapport au container selon le nombre donné, sauf que comme le container est fluide, les colonnes le deviennent aussi.

Sous forums
  • Aide à l'achat Mac
  • Création de Jeux
  • Linux
  • Création de sites web
  • Programmation
  • Internet
  • Steam Deck
  • Macintosh
  • Hardware
La vidéo du moment