La conception Web réactive (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.
J'ai du mal à comprendre la mise à l'échelle des polices. J'ai actuellement ce site avec un corps à font-size100%. 100% de quoi cependant? Cela semble se calculer à 16 pixels. J'avais l'impression que 100% feraient en quelque sorte référence à la taille de la fenêtre du navigateur, mais apparemment...
Je veux créer un divqui peut changer sa largeur / hauteur à mesure que la largeur de la fenêtre change. Existe-t-il des règles CSS3 qui permettraient à la hauteur de changer en fonction de la largeur, tout en conservant son rapport hauteur / largeur ? Je sais que je peux le faire via JavaScript,...
Quelle est la différence entre col-lg-*, col-md-*et col-sm-*sur Twitter
Je suis confus au sujet des différentes options de la grille d'amorçage Twitter et de la façon dont elles vont ensemble. Pour commencer, vous pouvez avoir un fixe ordinaire container, ou un container-fluid. Ensuite, l'un ou l'autre peut inclure soit une ligne ordinaire row, soit une ligne fluide...
J'ai créé un site en utilisant la grille Zurb Foundation 3 . Chaque page a un grand h1: body { font-size: 100% } /* Headers */ h1 { font-size: 6.2em; font-weight: 500; } <div class="row"> <div class="twelve columns text-center"> <h1> LARGE HEADER TAGLINE </h1> </div>...
Chaque didacticiel de développement de site Web réactif recommande d'utiliser la display:nonepropriété CSS pour masquer le contenu du chargement sur les navigateurs mobiles afin que le site Web se charge plus rapidement. Est-ce vrai? Ne display:nonecharge pas les images ou charge-t-il toujours le...
En regardant à travers le bootstrap, il semble qu'ils prennent en charge la réduction des éléments de la barre de menu pour les écrans plus petits. Y a-t-il quelque chose de similaire pour les autres éléments de la page? Par exemple, j'ai un long avec des nav-pills flotté à droite. Sur un petit...
Je veux qu'un bouton occupe toute la largeur de la colonne, mais ayant des difficultés ... <div class="span9 btn-block"> <button class="btn btn-large btn-block btn-primary" type="button">Block level button</button> </div> Comment rendre le bouton aussi large que la...
Supposons que j'ai un script d'histogramme qui crée un graphique svg 960 500. Comment puis-je rendre cela réactif ainsi de suite redimensionner les largeurs et hauteurs graphiques sont dynamiques? <script> var n = 10000, // number of trials m = 10, // number of random variables data = []; //...
Actuellement, lorsque la largeur du navigateur tombe en dessous de 768 pixels, la barre de navigation passe en mode réduit. Je veux changer cette largeur à 1000px, donc lorsque le navigateur est en dessous de 1000px, la barre de navigation passe en mode réduit. Je veux le faire sans utiliser MOINS,...
J'ai un site Web (g-floors.eu) et je veux rendre l'arrière-plan (en CSS j'ai défini une image bg pour le contenu) également réactif. Malheureusement, je n'ai vraiment aucune idée de la façon de procéder, sauf une chose à laquelle je peux penser, mais c'est une solution de contournement. Créer...
(Il s'agit d'une question en plusieurs parties, je ferai de mon mieux pour résumer le scénario.) Nous construisons actuellement une application Web réactive (lecteur de nouvelles) qui permet aux utilisateurs de glisser entre les contenus à onglets, ainsi que de faire défiler verticalement à...
IE8 ne prend-il pas en charge la requête multimédia CSS suivante: @import url("desktop.css") screen and (min-width: 768px); Sinon, quelle est la manière alternative d'écrire? La même chose fonctionne très bien dans Firefox. Des problèmes avec le code ci-dessous? @import url("desktop.css") screen;...
На этот вопрос есть ответы на Stack Overflow на русском : Сетка из адаптивных (responsive) квадратов Je me demande comment je procéderais pour créer une mise en page avec des carrés réactifs . Chaque carré aurait un contenu aligné verticalement et horizontalement . L'exemple spécifique est affiché...
Je lisais ce post de stackoverflow intitulé "Pouvez-vous rendre un iFrame responsive?", Et l'un des commentaires / réponses m'a conduit à ce jfiddle. Mais lorsque j'ai essayé d'implémenter le HTML et le CSS pour répondre à mes besoins, je n'ai pas eu les mêmes résultats / succès. J'ai créé mon...
Je teste la réactivité de Bootstrap navbar et j'ai un site Web de démonstration . Lorsque je redimensionne le navigateur sur un bureau, tout fonctionne bien, y compris la barre de navigation qui devient un menu pliable avec une petite icône en haut sur laquelle je peux cliquer pour voir plus de...
J'ai le code suivant qui configure un conteneur dont la hauteur change avec la largeur lorsque le navigateur est redimensionné (pour maintenir un rapport hauteur / largeur carré). HTML <div class="responsive-container"> <div class="dummy"></div> <div class="img-container">...
L'iPhone 5 a un écran plus long et il ne capte pas la vue mobile de mon site Web. Quelles sont les nouvelles requêtes de conception réactive pour l'iPhone 5 et puis-je les combiner avec les requêtes iPhone existantes? Ma requête média actuelle est la suivante: @media only screen and...
J'ai besoin de créer une page réactive en utilisant bootstrap en positionnant un div au centre d'une page comme dans la mise en page mentionnée
J'ai une vidéo YouTube intégrée sur notre site Web et lorsque je réduis l'écran à la taille d'une tablette ou d'un téléphone, il cesse de rétrécir à environ 560 pixels de largeur. S'agit-il d'une norme pour les vidéos YouTube ou y a-t-il quelque chose que je peux ajouter au code pour le...