{"id":129002,"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":"2019-01-02T17:58:26","modified_gmt":"2019-01-02T16:58:26","slug":"percentage-height-and-width","status":"publish","type":"post","link":"https:\/\/www.justinmind.com\/de\/hilfe\/prozentuale-hoehe-und-breite","title":{"rendered":"Prozentuale H\u00f6he und Breite"},"content":{"rendered":"<p>Elemente k\u00f6nnen verkleinert oder vergr\u00f6\u00dfert werden, wenn ihre Gr\u00f6\u00dfe in Prozent (%) statt in Pixel (px) definiert ist. Das hei\u00dft, wenn Sie die H\u00f6he oder Breite eines Elements in Prozent \u00e4ndern, reagiert es auf die H\u00f6he oder Breite des Simulationsfensters oder des Containers, in dem sich das Element befindet.<video class=\"lazyload\" style=\"max-width: 820px; width: 100%; padding: 20px 0px;\" preload=\"auto\" loop=\"loop\" muted=\"\" width=\"300\" height=\"150\" data-autoplay=\"\" data-poster=\"https:\/\/assets.justinmind.com\/wp-content\/uploads\/2022\/09\/percentage-example.png\" playsinline=\"&gt;&lt;source src=\" assets.justinmind.com=\"\" wp-content=\"\" uploads=\"\" percentage-example.mp4=\"\" type=\"video\/mp4\" https:=\"\"><img decoding=\"async\" src=\"https:\/\/assets.justinmind.com\/wp-content\/uploads\/2022\/09\/percentage-example.png\" alt=\"Beispiel f\u00fcr Prozents\u00e4tze\">Prozentuales Beispiel<\/video><br \/>\nUm die Gr\u00f6\u00dfe in Prozent zu definieren, gehen Sie zur Palette Eigenschaften und klicken Sie auf das Dropdown-Fenster neben der Breite oder H\u00f6he und \u00e4ndern Sie es von &#8222;px&#8220; in &#8222;%&#8220;. Die angezeigte Zahl bezieht sich nun auf den prozentualen Anteil der H\u00f6he und Breite anstatt auf die Gr\u00f6\u00dfe in Pixeln.  <\/p>\n<div><strong>Hinweis:<\/strong> Damit dies funktioniert, m\u00fcssen die Simulationseinstellungen auf &#8222;Auf die Breite des Browsers ausdehnen&#8220; eingestellt sein. Gehen Sie dazu auf Datei &#8211; Simulieren &#8211; Einstellungen und klicken Sie auf das Dropdown-Men\u00fc und w\u00e4hlen Sie &#8218;Auf Browserbreite erweitern&#8216;. <\/div>\n","protected":false},"excerpt":{"rendered":"<p>Elemente k\u00f6nnen verkleinert oder vergr\u00f6\u00dfert werden, wenn ihre Gr\u00f6\u00dfe in Prozent (%) statt in Pixel (px) definiert ist. Das hei\u00dft, wenn Sie die H\u00f6he oder Breite&#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":[8554,8555],"tags":[],"class_list":["post-129002","post","type-post","status-publish","format-standard","hentry","category-ausbildung","category-reaktionsfaehiges-prototyping"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/posts\/129002"}],"collection":[{"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/comments?post=129002"}],"version-history":[{"count":0,"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/posts\/129002\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/media?parent=129002"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/categories?post=129002"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/tags?post=129002"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}