Questions marquées «css»

CSS (Cascading Style Sheets) est un langage de feuille de style de représentation utilisé pour décrire l'apparence et la mise en forme des documents HTML (HyperText Markup Language), XML (Extensible Markup Language) et des éléments SVG, y compris (mais sans s'y limiter) les couleurs, la mise en page, les polices, et animations. Il décrit également comment les éléments doivent être affichés à l'écran, sur papier, dans un discours ou sur d'autres supports.

1
iOS Chrome calcule la mauvaise hauteur du document
Afin de remplir toute la hauteur de la page, j'utilise height: 100%;pour les balises html et body, et cela fonctionne très bien jusqu'à ce qu'un navigateur soit fermé et rouvert. (Je n'utilise pas 100vh en raison de problèmes sur les appareils mobiles https://nicolas-hoizey.com/2015/02/viewport-height-is-taller-than-the-visible-part-of-the-document-in -some-mobile-Browsers.html ) Étapes à reproduire: Ouvrez https://angelika94.github.io/rick/ …
2
Problème avec «white-space: nowrap» sur Chrome 78.0.3904.70
Depuis la sortie de Chrome v78.0.3904.70, je constate des problèmes d'utilisation  avec la propriété CSS white-space: nowrap;. L'espace insécable semble provoquer un saut de ligne. Lors de l'utilisation text-overflow: ellipsis, le texte réel ne s'affichera pas car il est cassé à l'extérieur du conteneur. Apparemment, cela ne se produit que …
2
Position de l'iPhone collant scintillant
Après un petit bout de mon code. Je me demande simplement pourquoi la cellule "iphone" scintille uniquement depuis l'iphone. PS. Je ne peux pas utiliser de table ou de liste pour la structure. J'ai aussi essayé d'utiliser transform: translate3d(0,0,0);. Fondamentalement, j'ai besoin que la première cellule soit collante à la …
10 html  css 
2
Comment empêcher iOS 13 Dark Mode de casser les e-mails
Nous avons une application de commerce électronique qui envoie les détails de la commande lors d'un achat, et nous venons de repenser ce modèle d'e-mail. Au cours des derniers jours, nous avons reçu des informations selon lesquelles certains clients avaient perdu la moitié du texte de l'e-mail. Après avoir finalement …
10 ios  css  email  gmail  ios-darkmode 
1
Effets secondaires de la suppression de «width = device-width» de la balise META de la fenêtre d'affichage lorsque «initial-scale = 1.0» est également défini
Bien que le <meta name="viewport">tag ne soit pas standardisé, il "est respecté par la plupart des navigateurs mobiles en raison de la domination de facto". Un inconvénient de ne pas être une véritable norme Web est que la documentation détaillée n'est pas aussi disponible que les autres normes. Le CSS …
4
Parties de la frontière div coupées
J'ai un élément de conteneur qui contient quelques autres éléments, mais en fonction de la taille de l'écran, certaines parties sont inexplicablement coupées en différentes parties. Vous pouvez observer le comportement sur mon lien sandbox de code, lorsque la page HTML est ajustée en largeur (en cliquant et en la …
3
Préférez le rétrécissement plutôt que la croissance dans un conteneur flexible avec flex-flow: enveloppement en ligne
Affichage d'une galerie d'images de différentes tailles et proportions avec les spécifications suivantes: Pas de blancs (marges) entre les images. Respecter autant que possible le ratio d'origine. Images entourées d'un lien. Solution non JS. Les images pourraient être recadrées un peu. Solution portable. L'ensemble des images affichées est aléatoire. Les …
2
Élément de fixe à relatif sur le défilement
J'ai fait un wrapper dans lequel j'ai animé le même effet qu'Apple sur leur page Airpods Pro . C'est fondamentalement une vidéo, quand je fais défiler la vidéo joue peu à peu. La position de la vidéo est fixe de sorte que le texte défile bien dessus. Cependant, le texte …
2
SVG CSS animations multiples
J'ai créé une animation de carte au trésor, tout d'abord, elle affichera le chemin en gris clair mais au fur et à mesure que l'animation commence, j'aimerais que les tirets gris clair disparaissent ou prennent une couleur noire lorsque l'animation de remplissage ".road" entre en jeu. Je suis du mal …
9 css  svg 
1
Effet personnalisé qui simule une roue 3D avec Swiper 5
J'ai besoin de construire un carrousel avec 12 éléments qui simulent une roue 3D tournant à l'infini. Pour être clair, je dois créer précisément cet effet: https://codepen.io/SitePoint/pen/yXWXaw (trouvé ici ) mais avec ces fonctionnalités supplémentaires (sur ordinateur et mobile en particulier): les diapositives doivent suivre étape par étape le balayage, …
5
En utilisant CSS, comment aligner «étroitement» «A» au bas / à la fin de «B» où «B» a une largeur et un habillage de texte inconnus
J'ai une table "triable" où l'en-tête de la colonne actuellement triée affiche une icône: L'icône de tri doit être affichée à la fin du texte (c'est-à-dire que nous prenons en charge LTR / RTL). J'utilise actuellement display:flex. Cependant, si la largeur du tableau diminue et que le texte de l'en-tête …
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.