public marks

PUBLIC MARKS from decembre with tags resize & 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 resize

Adaptative +   animated +   api +   background-imag +   box +   compression +   content +   convert +   crop +   css +   css-tricks +   demo +   design +   dev +   dom +   editor +   example +   flickr +   FlickrSurf+ +   forum +   gif +   greasemonkey +   html5 +   image +   javascript +   jpeg +   jQuery +   logiciel +   modifier +   online +   photo +   photojojo +   placeholder +   ratio +   redimensionner +   resolution +   Responsive +   script +   scrollbar +   size +   solution +   square +   taille +   text +   textarea +   texte +   tool +   tricks +   trucs +   tutorial +   tutoriel +   web +   web2.0 +