{"id":88916,"date":"2020-07-20T08:15:11","date_gmt":"2020-07-20T08:15:11","guid":{"rendered":"https:\/\/www.ait-themes.club\/?p=88916"},"modified":"2023-10-20T11:30:11","modified_gmt":"2023-10-20T11:30:11","slug":"responsive-spacer-block","status":"publish","type":"post","link":"https:\/\/www.ait-themes.club\/de\/responsive-spacer-block\/","title":{"rendered":"Reaktionsfreudiger Spacer-Block"},"content":{"rendered":"<p>Der Responsive Spacer-Block f\u00fcgt Ihrer Website leeren Raum hinzu, den Sie in verschiedenen Einheiten definieren k\u00f6nnen. Damit k\u00f6nnen Sie den Abstandshalter auch auf kleineren Bildschirmen anzeigen, bei denen die H\u00f6he der Leiste nicht der festen Pixelanzahl auf gro\u00dfen Desktops und kleinen mobilen Bildschirmen entspricht.<br>Sie k\u00f6nnen aus folgenden Einheiten w\u00e4hlen:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>px \u2013 feste H\u00f6he in Pixel<\/li><li>vh \u2013 relativ zu 1% der H\u00f6he des Ansichtsfensters (2vh bedeutet 2% der Bildschirmh\u00f6he)<\/li><li>vw \u2013 relativ zu 1% der Breite des Ansichtsfensters (2vw bedeutet 2% der Bildschirmbreite)<\/li><li>rem \u2013 relativ zur Schriftgr\u00f6\u00dfe des Stammelements (2rem bedeutet 2-fache Gr\u00f6\u00dfe der Stammschriftgr\u00f6\u00dfe)<\/li><li>em \u2013 relativ zur Schriftgr\u00f6\u00dfe des Elements (2em bedeutet 2-fache Gr\u00f6\u00dfe der aktuellen Schriftgr\u00f6\u00dfe)<\/li><li>% \u2013 relativ zum \u00fcbergeordneten Element (2% bedeutet 2% der H\u00f6he des \u00fcbergeordneten Elements)<\/li><\/ul>\n\n\n\n<p>Auch negative Werte sind m\u00f6glich. Auf diese Weise kann der Inhalt unterhalb des Abstandshalters \u00fcber den Inhalt oberhalb des Abstandshalters \u00fcberlaufen.<br>Im responsiven Design, per Toggle komplett abschaltbar\u00a0<strong>Verstecke dich im Responsive<\/strong>. Der Abstandshalter wird auf Bildschirmen kleiner als 600 Pixel deaktiviert.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2021\/08\/image-5.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"642\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2021\/08\/image-5-1024x642.png\" alt=\"\" class=\"wp-image-90683\" srcset=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2021\/08\/image-5-1024x642.png 1024w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2021\/08\/image-5-300x188.png 300w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2021\/08\/image-5-768x482.png 768w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2021\/08\/image-5.png 1239w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>","protected":false},"excerpt":{"rendered":"<p>Der Responsive Spacer-Block f\u00fcgt Ihrer Website leeren Raum hinzu, den Sie in verschiedenen Einheiten definieren k\u00f6nnen. Damit k\u00f6nnen Sie den Abstandshalter auch auf kleineren Bildschirmen anzeigen, bei denen die H\u00f6he der Leiste nicht der gleichen festen Pixelanzahl auf gro\u00dfen Desktops und kleinen mobilen Bildschirmen entspricht. Sie k\u00f6nnen aus folgenden Einheiten w\u00e4hlen: px \u2013 fest [\u2026]<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","_citadela_custom_class":"","footnotes":""},"categories":[50],"tags":[],"citadela-post-location":[],"class_list":["post-88916","post","type-post","status-publish","format-standard","hentry","category-citadela-pro-documentation"],"_links":{"self":[{"href":"https:\/\/www.ait-themes.club\/de\/wp-json\/wp\/v2\/posts\/88916","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ait-themes.club\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ait-themes.club\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ait-themes.club\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ait-themes.club\/de\/wp-json\/wp\/v2\/comments?post=88916"}],"version-history":[{"count":1,"href":"https:\/\/www.ait-themes.club\/de\/wp-json\/wp\/v2\/posts\/88916\/revisions"}],"predecessor-version":[{"id":91191,"href":"https:\/\/www.ait-themes.club\/de\/wp-json\/wp\/v2\/posts\/88916\/revisions\/91191"}],"wp:attachment":[{"href":"https:\/\/www.ait-themes.club\/de\/wp-json\/wp\/v2\/media?parent=88916"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ait-themes.club\/de\/wp-json\/wp\/v2\/categories?post=88916"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ait-themes.club\/de\/wp-json\/wp\/v2\/tags?post=88916"},{"taxonomy":"citadela-post-location","embeddable":true,"href":"https:\/\/www.ait-themes.club\/de\/wp-json\/wp\/v2\/citadela-post-location?post=88916"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}