La programmation responsive-design

30

Mise à l'échelle des polices en fonction de la largeur du conteneur

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 …

1189 css responsive-design font-size

25

Conserver le rapport hauteur / largeur d'une div avec CSS

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 …

1059 html css responsive-design aspect-ratio

11

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?

544 css twitter-bootstrap twitter-bootstrap-3 responsive-design bootstrap-4

5

Système de grille fluide ou fixe, au design réactif, basé sur Twitter Bootstrap

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 row-fluid. Autrement …

399 twitter-bootstrap responsive-design fluid-layout fixed-width

29

Taille de police réactive en CSS

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>  </div> …

343 css responsive-design font-size zurb-foundation em

17

«Afficher: aucun» empêche-t-il le chargement d'une image?

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 contenu sur le navigateur mobile? Existe-t-il un …

336 css responsive-design

8

Masquer des éléments dans une mise en page réactive?

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. …

298 html css twitter-bootstrap responsive-design

9

Faire passer le bouton sur toute sa largeur?

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 colonne?

276 css twitter-bootstrap html responsive-design

12

Quelle est la meilleure façon de rendre une mise en page de visualisation d3.js réactive?

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 = []; // …

224 javascript responsive-design d3.js

18

Modifier le point d'arrêt de l'effondrement de la barre de navigation de bootstrap sans utiliser MOINS

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 …

205 css twitter-bootstrap responsive-design navbar collapse

19

Images d'arrière-plan réactives css

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 plusieurs images …

195 css responsive-design background-image image-resizing

9

iOS 8 a supprimé la propriété d'affichage «minimal-ui», existe-t-il d'autres solutions «plein écran souple»?

(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 à l'intérieur de chaque contenu à onglets. …

194 javascript ios css responsive-design mobile-safari

11

Prise en charge d'IE8 pour CSS Media Query

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; @import url("ipad.css") only screen and (device-width:768px);

178 html css responsive-design internet-explorer-8 media-queries

4

Grille de carrés réactifs

На этот вопрос есть ответы на 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é ci-dessous ...

170 html css responsive-design grid-layout aspect-ratio

22

Rendre un iframe réactif

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 …

144 css iframe responsive-design

Questions marquées «responsive-design»