Le Responsive Web Design (RWD) est une approche de la conception et du développement Web qui vise à créer des sites pour offrir des expériences optimales sur une large gamme d'appareils en fonction de la taille de l'écran, de la plate-forme et de l'orientation.

responsive-design...

Je souhaite ajouter une ligne de couleur verticale rouge / jaune après mes éléments de liste dans le menu de la barre latérale. Pour le premier élément de la liste, tout va bien, mais il se sépare du deuxième élément. Le pseudo-sélecteur :after ne couvre pas toute la hauteur. Quelqu'un peut-il dire ....
29 avril 2020 à 06:53
Je conçois donc une page Web et j'ai trois images alignées les unes à côté des autres: Html: <div id="imgs"> <img src="img/img_2.jpg" alt=""> <img src="img/img_1.jpg" alt=""> <img src="img/img_0.jpg" alt=""> </div> Css: #imgs img { width: 29%; margin: 1.5%; } Sur le bureau, je veux ....
5 avril 2020 à 23:33
J'ai une barre de navigation non fixe et deux colonnes. Avec une disposition de bureau, il n'y a pas de problème, mais lorsque je teste la réactivité à partir d'une taille d'écran mobile, j'ai besoin de la colonne A pour remplir la hauteur de la fenêtre restante et la colonne B pour passer sous la c....
27 mars 2020 à 22:04
J'ai besoin de passer une commande différente pour le bootstrap col pour le mobile. J'ai trouvé de nombreuses questions de débordement de pile reclassant ce sujet, mais je n'ai vu aucun sujet lié à la modification de l'ordre des colonnes qui se trouvent sur différentes lignes. <div class="row d-fl....
Je voudrais avoir un div qui contient 4 boutons avec une marge au centre de la page. Le conteneur div et les boutons doivent être réactifs. J'ai essayé d'utiliser différents composants de bootstrap pour y parvenir, mais sans succès ... L'image ci-dessous illustre comment j'aimerais organiser ces bou....
21 mars 2020 à 07:33
Comment gérer l'image de la bannière en fonction de différents appareils comme les petits et moyens mobiles et tablettes.?....
14 janv. 2020 à 09:13
Je suis un débutant sur Android et je souhaite créer 4 boutons en bas comme sur la photo. Un bouton au milieu n'est pas possible car j'ai essayé de le mettre en responsive et il a disparu. Pouvez-vous m'expliquer comment je place ces boutons les uns à côté des autres à la même distance et que je les....
Chaque fois que je pratique les CSS mises en page, chaque fois que je redimensionne la fenêtre du navigateur, l'écran sur le côté droit du site continue d'être coupé, il y aura donc un espace vide avec un fond blanc. Quelqu'un peut-il m'aider à identifier le problème afin que je puisse éviter défini....
8 janv. 2020 à 07:18
J'ai essayé d'implémenter ma première requête multimédia et je ne comprends pas pourquoi cela n'a pas eu d'effet. J'ai 4 colonnes (éléments flexibles) et j'essaie de réduire cela à 2 colonnes (éléments flexibles) sur des écrans de moins de 800 pixels. J'ai suivi l'exemple de w3schools. Je serais trè....
22 déc. 2019 à 01:28
Lorsque la position de propriété est définie sur collante sur deux divisions de bloc empilées l'une sur l'autre, lorsque la page s'affiche et que l'utilisateur fait défiler vers le bas, les deux divisions restent en haut de la vue. Le div inférieur finit par effacer le div supérieur. Ce que j'essaie....
21 déc. 2019 à 00:31
J'utilise actuellement le composant QDialog de Quasar Framework, et j'aimerais que la valeur de la propriété maximized soit définie en fonction de la taille d'écran actuelle, c'est-à-dire. maximisé pour les petits écrans uniquement. Y a-t-il une variable que je peux référencer dans mon code de compo....
Sur une mise en page mobile, j'ai six divisions l'une en dessous de l'autre par ordre d'importance. Sur le bureau, je voudrais réorganiser les articles. Sur l'image ci-dessous, la disposition mobile est à gauche, la disposition bureau à droite. Les hauteurs des six éléments ne sont pas liées les un....
19 déc. 2019 à 16:22
J'ai une barre horizontale qui contient 4 éléments ou peut-être plus. Ce que j'essaie de faire, c'est que lorsque le navigateur est redimensionné chaque élément de la barre horizontale avec son élément respectif, cependant, j'utilise twitter-bootstrap 4, mais cela ne semble pas fonctionner non plus ....
19 déc. 2019 à 00:47
J'ai pensé que si je donnais une largeur: 10, cela ressemblerait à tous les appareils car il occupait la même surface (car en 160 dpi, 10 dpi = 10 pixels, 320 dpi 10 dpi = 20 pixels mais occupe la même zone en pouces)). pense que ma compréhension est fausse. Partagez vos réflexions sur la conception....
18 déc. 2019 à 10:07
Tout est superbe jusqu'à présent en termes de design. L'en-tête, le pied de page et ma pile de 3 colonnes sont réactifs lorsque je redimensionne mon navigateur. La seule chose qu'il me reste à faire est de faire en sorte que mes paragraphes qui se trouvent dans mon div="content" tiennent à 100% de s....
16 déc. 2019 à 04:30
Je me souviens que cela fonctionnait lorsque je définissais la largeur à 100% une fois redimensionnée à certains pixels du bureau aux tablettes au mobile. Je ne sais pas pourquoi le mien ne fonctionnera pas cette fois-ci pour une raison quelconque. Essayer d'obtenir l'en-tête, le contenu et le pied ....
16 déc. 2019 à 03:17
Je suis assez nouveau en html / css, alors pardonnez-moi s'il s'agit d'une question stupide. Fondamentalement, sur ma page d'accueil, j'ai plusieurs icônes de grille d'images qui sont liées à d'autres pages de mon site. J'ai vraiment du mal à le rendre réactif, si quelqu'un pouvait m'aider à le rend....
14 déc. 2019 à 18:46
J'ai déplacé la légende du carrousel de bootstrap jusqu'à l'extrémité gauche avec le haut et le bas à zéro. mais maintenant ma légende perd son comportement réactif lorsque je réduit la taille de l'écran. lorsque je rends l'écran petit, la légende disparaît du curseur du carrousel et ne reste que le....
13 déc. 2019 à 09:48
Violon: https://jsfiddle.net/Lq2o5wav/6/ Avertissement: Sur une échelle de 1 à 10, je suis un 2, peut-être un 3 sur mes capacités JS. Je peux en quelque sorte le lire mais je ne peux pas le manipuler beaucoup. Donc… J'ai une zone de défilement horizontal qui peut également être avancée en un clic. ....
12 déc. 2019 à 19:15
J'utilise des highcharts dans Flex pour le rendre réactif sur toutes les tailles d'écran, mais il ne devient pas réactif pour les écrans mobiles. Ci-dessous mon code dans reactJs et le problème est répliqué sur https://codesandbox.io/s/highcharts-react-demo-s31oo <div> <Box display="flex" flexWr....
10 déc. 2019 à 12:44
J'utilise jquery pour supprimer un div pour rendre mon écran d'accueil différent sur les petits écrans et cela fonctionne bien sur un Macbook Air et un Iphone X. Cependant, sur Android, le div n'est pas supprimé et remplacé comme prévu. Voici l'adresse du projet de site Web: http://projetocc.learnin....
9 déc. 2019 à 06:24
J'ai donc trouvé un design une chronologie verticale de codepen que je veux utiliser dans mon site Web https://codepen.io/web_designer_sanchit/pen/eLjvyw . Je veux le modifier selon mon propre choix de conception car je suis trop paresseux pour en créer un à partir de zéro. Que puis-je faire pour l....
9 déc. 2019 à 01:24
J'ai travaillé à rendre mon site Web réactif afin que d'autres personnes sur différents appareils puissent le voir. J'ai vu ce code sur W3schools pour mettre à jour les tailles et positions de mes éléments. [class*="col-"] Je me demandais si vous pouviez changer la couleur pour aimer * tout ou quelq....
8 déc. 2019 à 17:39
Je ne trouve pas de solution à un problème RWD sur mon site Web. J'ai un point d'arrêt (575,98 px). Si la résolution est supérieure à ce point d'arrêt, l'événement "mouseenter" est actif pour afficher la section cachée: if ($(window).width() > 575.98) { $(".name").on("mouseenter", () => { ....
8 déc. 2019 à 00:52
J'ai créé une mise en page avec des en-têtes et 2 colonnes où le contenu défile. Ma disposition attendue : $(".content").css({ "height": "auto" }); $(".body").css({ "overflow-y": "visible" }); const height = $(".content").height(); $(".body > aside").height(height); $(".content").css....
6 déc. 2019 à 23:32