{"id":124698,"date":"2019-01-02T17:58:26","date_gmt":"2019-01-02T16:58:26","guid":{"rendered":"https:\/\/www.justinmind.com\/blog\/percentage-height-and-width\/"},"modified":"2025-02-03T16:45:09","modified_gmt":"2025-02-03T15:45:09","slug":"percentage-height-and-width","status":"publish","type":"post","link":"https:\/\/www.justinmind.com\/es\/soporte\/porcentaje-alto-y-ancho","title":{"rendered":"Porcentaje de altura y anchura"},"content":{"rendered":"<p>Los elementos pueden encogerse o expandirse cuando su tama\u00f1o se define por porcentaje (%) en lugar de por p\u00edxel (px). Esto significa que una vez que cambies la altura o anchura de un elemento a porcentaje, responder\u00e1 a la altura o anchura de la ventana de simulaci\u00f3n o del contenedor en el que se encuentre el elemento.<video class=\"lazyload\" style=\"\" preload=\"\" loop=\"\" muted=\"\" width=\"\" height=\"\" data-autoplay=\"\" data-poster=\"\" playsinline=\"\" assets.justinmind.com=\"\" wp-content=\"\" uploads=\"\" percentage-example.mp4=\"\" type=\"\" https:=\"\"><img decoding=\"async\" src=\"\" alt=\"\">Ejemplo de porcentaje<\/video><br \/>\nPara definir el tama\u00f1o por porcentaje, ve a la paleta Propiedades y haz clic en la ventana desplegable situada junto a la anchura o altura, y c\u00e1mbiala de \u00abpx\u00bb a \u00ab%\u00bb. El n\u00famero que se muestre se referir\u00e1 ahora al porcentaje de la altura y la anchura en lugar del tama\u00f1o en p\u00edxeles.  <\/p>\n<div><strong>Nota:<\/strong> Para que esto funcione, la configuraci\u00f3n de la Simulaci\u00f3n debe estar establecida en &#8216;Expandir a la anchura del navegador&#8217;. Para ello, ve a Archivo &#8211; Simular &#8211; Configuraci\u00f3n, haz clic en el men\u00fa desplegable y selecciona \u00abAmpliar a la anchura del navegador\u00bb. <\/div>\n","protected":false},"excerpt":{"rendered":"<p>Los elementos pueden encogerse o expandirse cuando su tama\u00f1o se define por porcentaje (%) en lugar de por p\u00edxel (px). Esto significa que una vez que&#8230;<\/p>\n","protected":false},"author":18,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[8418,8440],"tags":[],"class_list":["post-124698","post","type-post","status-publish","format-standard","hentry","category-formacion","category-prototipado-responsivo"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/posts\/124698"}],"collection":[{"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/comments?post=124698"}],"version-history":[{"count":1,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/posts\/124698\/revisions"}],"predecessor-version":[{"id":126230,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/posts\/124698\/revisions\/126230"}],"wp:attachment":[{"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/media?parent=124698"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/categories?post=124698"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/tags?post=124698"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}