public marks

PUBLIC MARKS from decembre with tags size & redimensionner

17 July 2013 08:00

CSS - IIMAGE RATIO - Height equals width with pure CSS

by 1 other (via)
Solution pour des éléments flexibles qui gardent leurs proportions lors du redimensionnement . Jusqu'à présent, j'ai utilisé Javascript pour le redimensionnement des éléments. Mais l'utilisation de l'événement "resize" et "recalculate" pour la hauteur d'un élément est mauvais.... lors, qu'est- ce que c'est? SOLUTION : Définir un élément pseudo pour notre boîte et lui donner un margin-top de 100%. Cette valeur 100% se rapporte à la largeur de l' élément ... vous obtenez ( hauteur : 0; padding-bottom : 100%; devrait également fonctionner, mais vous devez alors ajuster la valeur padding-bottom chaque fois que vous modifiez la largeur ) . Donc, notre boîte est déjà plus élevé que large .../

decembre's TAGS related to tag size

Adaptative +   analyse +   api +   blog +   browser +   cms +   comparatif +   css +   customiser +   demo +   design +   dev +   device +   flickr +   FlickrSurf+ +   fluid +   forum +   guide +   html +   image +   javascript +   lenght +   madia-query +   media-screen +   mobile +   online +   photo +   php +   px +   redimensionner +   reference +   reseaux sociaux +   resize +   resource +   Responsive +   ressource +   s +   scale +   screen +   social +   solution +   square +   srcset +   taille +   tuto +   upload +   viewort +   vw +