{"id":124689,"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\/fr\/aide\/pourcentage-hauteur-largeur","title":{"rendered":"Pourcentage de hauteur et de largeur"},"content":{"rendered":"<p>Les \u00e9l\u00e9ments peuvent se r\u00e9tr\u00e9cir ou s&rsquo;agrandir lorsque leur taille est d\u00e9finie en pourcentage (%) plut\u00f4t qu&rsquo;en pixels (px). Cela signifie qu&rsquo;une fois que vous avez modifi\u00e9 la hauteur ou la largeur d&rsquo;un \u00e9l\u00e9ment en pourcentage, celui-ci r\u00e9pondra \u00e0 la hauteur ou \u00e0 la largeur de la fen\u00eatre de simulation ou du conteneur dans lequel il se trouve.<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=\"\">Exemple de pourcentage<\/video><br \/>\nPour d\u00e9finir le dimensionnement en pourcentage, allez dans la palette Propri\u00e9t\u00e9s et cliquez sur la fen\u00eatre d\u00e9roulante \u00e0 c\u00f4t\u00e9 de la largeur ou de la hauteur, puis modifiez-la de \u00ab\u00a0px\u00a0\u00bb \u00e0 \u00ab\u00a0%\u00a0\u00bb. Le nombre qui s&rsquo;affiche fait d\u00e9sormais r\u00e9f\u00e9rence au pourcentage de la hauteur et de la largeur au lieu de la taille en pixels.  <\/p>\n<div><strong>Remarque :<\/strong> pour que cela fonctionne, les param\u00e8tres de simulation doivent \u00eatre r\u00e9gl\u00e9s sur \u00ab\u00a0Agrandir \u00e0 la largeur du navigateur\u00a0\u00bb. Pour ce faire, vous pouvez aller dans Fichier &#8211; Simuler &#8211; Param\u00e8tres et cliquer sur le menu d\u00e9roulant et s\u00e9lectionner \u00ab\u00a0Agrandir \u00e0 la largeur du navigateur\u00a0\u00bb. <\/div>\n","protected":false},"excerpt":{"rendered":"<p>Les \u00e9l\u00e9ments peuvent se r\u00e9tr\u00e9cir ou s&rsquo;agrandir lorsque leur taille est d\u00e9finie en pourcentage (%) plut\u00f4t qu&rsquo;en pixels (px). Cela signifie qu&rsquo;une fois que vous avez&#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":[8416,8441],"tags":[],"class_list":["post-124689","post","type-post","status-publish","format-standard","hentry","category-formation","category-prototypage-reactif"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/posts\/124689"}],"collection":[{"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/comments?post=124689"}],"version-history":[{"count":1,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/posts\/124689\/revisions"}],"predecessor-version":[{"id":126231,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/posts\/124689\/revisions\/126231"}],"wp:attachment":[{"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/media?parent=124689"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/categories?post=124689"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/tags?post=124689"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}