Questions sur responsive-design

30
réponses

L'échelle des polices fondées sur la largeur du conteneur

j'ai du mal à me faire à l'échelle des polices. j'ai actuellement ce site avec un corps font-size de 100%. ... finir avec des centaines de points d'arrêt pour chaque diminution de 100px dans la largeur pour contrôler le texte.
demandé sur 2013-04-17 13:37:18
19
réponses

Maintenir le ratio d'aspect d'un div avec CSS

je veux créer un div qui peut changer sa largeur/hauteur que la largeur de la fenêtre change. y a-t-il des règ ... je sais que je peux le faire via JavaScript, mais je préférerais utiliser seulement CSS.
demandé sur 2009-09-30 03:11:05
9
réponses

Quelle est la différence entre col-lg-*, col-md-* et col-sm-* dans Bootstrap?

Quelle est la différence entre col-lg-* , col-md-* et col-sm-* sur Twitter Bootstrap?
demandé sur 2013-11-08 21:34:06
9
réponses

Hauteur égale à la largeur dynamique (disposition du liquide CSS) [dupliquer]

cette question a déjà une réponse ici: Maintenir le ratio d'aspect d'un div avec ... | | | | | +----------+ CSS div { width: 80%; height: same-as-width }
demandé sur 2011-03-27 00:35:42
5
réponses

Modifier de façon sensible la taille de div conserver le rapport d'aspect [dupliquer]

cette question a déjà une réponse ici: Maintenir le ratio d'aspect d'un div avec ... utre élément, est-il possible est-il possible de lier la largeur et la hauteur ensemble en utilisant le pourcentage?
demandé sur 2012-08-25 14:13:22
16
réponses

Changer bootstrap navbar point de rupture de l'effondrement sans utiliser moins

actuellement, lorsque la largeur du navigateur tombe au-dessous de 768px, la barre de navigation passe en mode "collap ... e stylus donc je veux savoir comment cela peut être fait en utilisant stylus ou une autre méthode. Merci!
demandé sur 2013-11-07 07:41:02
13
réponses

Questions communes aux médias CSS points de rupture

je travaille sur un Site Web réactif avec des questions des médias CSS. Est la suite d'une bonne organisation ... nateur de bureau et portable 1281: Grand Écran Qu'en pensez-vous? J'ai quelques doutes ??? point.
demandé sur 2013-05-08 18:31:45
2
réponses

Bootstrap Taille du texte réactif [dupliquer]

cette question a déjà une réponse ici: Pur CSS pour rendre une taille de police r ... mais quand la disposition est réduite c'est trop grand. Comment puis-je réduire sensiblement la taille du texte?
demandé sur 2013-01-26 17:59:24
10
réponses

Aligner verticalement une image à l'intérieur d'un div avec hauteur de réponse

j'ai le code suivant qui définit un conteneur dont la hauteur change avec la largeur lorsque le navigateur est redimen ... iables et le conteneur ne peut pas avoir une hauteur fixe/ligne parce qu'il est responsive... S'il vous plaît aider!
demandé sur 2013-08-29 20:29:12
21
réponses

Rendre une iframe responsive

j'ai lu ce stackoverflow post intitulé "Pouvez-vous faire une iFrame sensible?"et l'une des observations/réponse ... 0%; height: auto; } .h_iframe iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
demandé sur 2013-07-24 19:34:14
9
réponses

Rétrécir une vidéo YouTube à la largeur responsive

j'ai une vidéo YouTube intégrée sur notre site web et quand je rétrécis l'écran à des tailles de tablette ou de téléph ... ce la norme pour les vidéos YouTube ou y a-t-il quelque chose que je peux ajouter au code pour le rendre plus petit?
demandé sur 2013-04-06 02:12:49
9
réponses

Dans une page Bootstrap responsive comment centrer une div

j'ai besoin de créer une page responsive en utilisant bootstrap par position une div au centre d'une page comme dans la mise en page mentionnée ci-dessous.
demandé sur 2013-11-22 14:30:36
5
réponses

Comment faire pour qu'un élément s'étende ou se contracte à son conteneur parent?

le but est d'obtenir l'extension de l'élément <svg> à la taille de son conteneur parent, dans ce cas un <div&g ... ts avec le document <svg> utilisent des largeurs en pourcentage, hauteurs, etc.. au lieu de dimensions fixes?
demandé sur 2012-01-19 03:29:51
8
réponses

Comment supprimer les fonctionnalités responsive dans Twitter Bootstrap 3?

depuis Bootstrap 3, Il n'y a plus de fichiers séparés pour les feuilles de style responsive et standard. Alors comment puis-je facilement supprimer les fonctionnalités responsive?
demandé sur 2013-07-30 02:57:45
4
réponses

Bootstrap de Twitter cache un élément sur les petits appareils

j'ai ce code: <footer class="row"> <nav class="col-sm-3"> <ul class="list-unstyled"> ... ue les autres blocs d'étendre (changer la classe de col-sm-3 à col-sm-4 ) col-sm-4 X 3 = 12 . une solution?
demandé sur 2013-10-29 17:34:36
2
réponses

Forme avec un côté incliné (responsive)

j'essaie de créer une forme comme dans l'image ci-dessous avec un bord incliné sur un seul côté (par exemple, le côt ... puis-je créer cette forme avec un côté incliné et aussi être en mesure de soutenir tailles dynamiques ?
demandé sur 2015-05-25 17:58:49
1
réponses

Création d'une barre latérale fixe à côté d'une grille de Bootstrap 3 centrée

j'aimerais créer une barre latérale fixe qui existe à l'extérieur de ma grille de Bootstrap centrée. Le défi auquel ... } #left-nav { background: #2b2b2b; position: absolute; top: 0px; left: 0px; height: 100%; width: 250px; }
demandé sur 2013-12-13 06:09:47
3
réponses

Quelles sont les règles pour le chevauchement des requêtes médias CSS?

comment espacer avec précision les requêtes des Médias pour éviter les chevauchements? par exemple, si nous c ... ère,mais une rétine?) je suis très curieux de la réponse ici considérant les spécifications.
demandé sur 2012-11-06 02:37:42
3
réponses

Passer aux requêtes des médias électroniques

maintenant que le WebKit page-zoom bug a été corrigé , quelles sont les principales raisons pour utiliser des req ... rspective à la grande réponse de @nwalton, qui abordait les trois points sur lesquels j'ai posé des questions.
demandé sur 2014-03-06 19:17:25
3
réponses

Les Images ne répondent pas par défaut dans Twitter Bootstrap 3?

Il ressemble à la nouvelle version 3.0, je dois mettre les noms de classe d'une image de col-lg-4 col-sm-4 col-4 si ... la version 2 les propriétés CSS des images héritées par défaut les propriétés div de la mère. est-ce exact?
demandé sur 2013-07-29 23:24:27
5
réponses

Spécification d'un point de rupture de ligne préféré dans le texte HTML dans un design responsive [dupliquer]

cette question a déjà une réponse ici: html (+css): indiquant un endroit préféré ... avigateur sache où la ligne de création de rupture est ouve lorsque le texte est à l'étroit. Est-il une telle chose?
demandé sur 2013-08-14 06:47:24
3
réponses

Comment centrer une image () dans un conteneur de largeur de fluide

Comment puis-je obtenir une image pour rester centrée quand sa largeur de fluide (basée sur le pourcentage) conteneur ... cela signifie qu'il doit montrer le milieu de l'image au lieu des côtés lorsque le conteneur est trop petit.
demandé sur 2013-08-15 10:22:32
1
réponses

Iframe Responsive (Google maps) et redimensionnement bizarre

j'essaie d'ajouter une carte Google à mon design, qui est supposé être responsive. J'ai utilisé le même code que pour les ... us verrez ce que je veux dire). ma question Est comment rendre cet iframe/map sensible sans perdre sa hauteur désirée?
demandé sur 2012-10-01 19:53:08
6
réponses

Le site Responsive est zoomé lors d'un basculement entre Portrait et paysage sur iPad / iPhone

j'ai construit un site responsive en utilisant Twitter Bootstrap ici:http://zarin.me/cce/ le design responsive fonctionn ... wport que j'ai dans mon: <meta content="width=device-width, initial-scale=1.0" name="viewport"> Merci d'avance!
demandé sur 2012-06-23 03:35:49
3
réponses

Ligne de Bootstrap avec colonnes de hauteur différente

j'ai actuellement quelque chose comme: <div class="row"> <div class="col-md-4">Content</div> &l ... c'est génial je veux que chaque point de tomber directement sous le dernier élément ("la franc-Maçonnerie" mise en page)
demandé sur 2014-03-11 00:43:50
5
réponses

Largeurs à utiliser dans les requêtes des médias [fermé]

quelles sont les largeurs de requête multimédia les plus importantes pour tous les appareils comme les ordinateurs de bur ... , les ordinateurs portables/Ipads, les Iphones et les Smartphones? Existe-il des largeurs standard pour ces appareils?
demandé sur 2013-05-23 05:30:34
7
réponses

Ne peut pas afficher mon application rails 4 dans iframe même si 'X-Frame-Options' est 'ALLOWALL'

j'essaie de tester un design réactif. J'utilise les Rails 4. Je sais qu'il met 'X-Frame-Options' à la même origine. Donc ... 'http://localhost:3000/' in a frame because it set 'X-Frame-Options' to 'SAMEORIGIN'. about:blank:1 Ce qui se passe??
demandé sur 2013-07-09 11:32:33
4
réponses

Bootstrap3.visible.*-cachée* affichage inline

Bootstrap a quelques belles .visible-* (eg. .visible-lg ) utilitaire de classe pour sélectionner quoi afficher ou ... s pas le seul à s'interroger sur cette question. Voici le GitHub issue . Merci pour la dernière réponse!
demandé sur 2013-09-30 19:43:07
7
réponses

Images Responsive avec CSS

je trouve difficile de redimensionner les images pour les rendre plus sensibles. je développe une application php pour ... veux qu'il redimensionne seulement les images qui sont sur la largeur de la page. Est-ce que je peux y arriver via CSS?
demandé sur 2012-07-31 12:48:35
5
réponses

Comment puis-je étendre un div enfant à largeur d'écran de 100% si le div conteneur est plus petit?

l'élément parent de toute la page est un div centré limité à une largeur maximale de 960px. Tous les autres éléments s ... mon cas. y a-t-il un moyen d'étendre la div interne à la largeur de l'écran dans une mise en page réactive?
demandé sur 2015-07-13 22:07:07