{"id":260,"date":"2020-05-05T08:47:56","date_gmt":"2020-05-05T08:47:56","guid":{"rendered":"https:\/\/omnii.de\/?p=260"},"modified":"2020-05-05T09:17:47","modified_gmt":"2020-05-05T09:17:47","slug":"responsive-web-design-rwd","status":"publish","type":"post","link":"https:\/\/omnii.de\/cms\/faq\/responsive-web-design-rwd\/","title":{"rendered":"Was ist Responsive Web Design (RWD)?"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Erkl\u00e4rung<\/h2>\n\n\n\n<p>Das Thema &#8222;Responsive Webdesign&#8220; (RWD) beschreibt die M\u00f6glichkeit, Webseiten f\u00fcr unterschiedliche Displaygr\u00f6\u00dfen zu optimieren. Das Layout basiert dabei auf einem fl\u00fcssigen Gestaltungsraster, mit dessen Hilfe Gr\u00f6\u00dfenunterschiede zwischen \u00e4hnlichen Displaygr\u00f6\u00dfen ausgeglichen werden k\u00f6nnen.<\/p>\n\n\n\n<p>An bestimmten Punkten bricht das Layout jedoch um, und ver\u00e4ndert Struktur und Aufbau. Das ist notwendig um auch Gr\u00f6\u00dfenunterschiede zwischen verschiedenen Ger\u00e4teklassen (z. B. Smartphone, Table und Laptop) aufzufangen. Dieser Punkt, der sog. <a href=\"\/faq\/breakpoint\/\">Breakpoint<\/a>, wird mit Hilfe der CSS-Technologie der\u00a0<a href=\"\/faq\/media-queries\/\">Media Queries<\/a> realisiert.<\/p>\n\n\n\n<p>Neben dem Layout spielen auch verschiedene Bedienkonzepte (Maus, Touch, Tastatur, Stift, Sprache usw.) eine gro\u00dfe Rolle.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Erkl\u00e4rung Das Thema &#8222;Responsive Webdesign&#8220; (RWD) beschreibt die M\u00f6glichkeit, Webseiten f\u00fcr unterschiedliche Displaygr\u00f6\u00dfen zu optimieren. Das Layout basiert dabei auf einem fl\u00fcssigen Gestaltungsraster, mit dessen Hilfe Gr\u00f6\u00dfenunterschiede zwischen \u00e4hnlichen Displaygr\u00f6\u00dfen ausgeglichen werden k\u00f6nnen. An bestimmten Punkten bricht das Layout jedoch um, und ver\u00e4ndert Struktur und Aufbau. Das ist notwendig um auch Gr\u00f6\u00dfenunterschiede zwischen verschiedenen Ger\u00e4teklassen [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_vp_format_video_url":"","_vp_image_focal_point":[],"footnotes":""},"categories":[10],"tags":[11,12],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Was ist Responsive Web Design (RWD)? &#8211; MTS Omnii<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/omnii.de\/cms\/faq\/responsive-web-design-rwd\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Was ist Responsive Web Design (RWD)? &#8211; MTS Omnii\" \/>\n<meta property=\"og:description\" content=\"Erkl\u00e4rung Das Thema &#8222;Responsive Webdesign&#8220; (RWD) beschreibt die M\u00f6glichkeit, Webseiten f\u00fcr unterschiedliche Displaygr\u00f6\u00dfen zu optimieren. Das Layout basiert dabei auf einem fl\u00fcssigen Gestaltungsraster, mit dessen Hilfe Gr\u00f6\u00dfenunterschiede zwischen \u00e4hnlichen Displaygr\u00f6\u00dfen ausgeglichen werden k\u00f6nnen. An bestimmten Punkten bricht das Layout jedoch um, und ver\u00e4ndert Struktur und Aufbau. Das ist notwendig um auch Gr\u00f6\u00dfenunterschiede zwischen verschiedenen Ger\u00e4teklassen [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/omnii.de\/cms\/faq\/responsive-web-design-rwd\/\" \/>\n<meta property=\"og:site_name\" content=\"MTS Omnii\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/MTSOmnii\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-05-05T08:47:56+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-05-05T09:17:47+00:00\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@MTSOmnii\" \/>\n<meta name=\"twitter:site\" content=\"@MTSOmnii\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"1\u00a0Minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/omnii.de\/cms\/faq\/responsive-web-design-rwd\/\",\"url\":\"https:\/\/omnii.de\/cms\/faq\/responsive-web-design-rwd\/\",\"name\":\"Was ist Responsive Web Design (RWD)? &#8211; MTS Omnii\",\"isPartOf\":{\"@id\":\"\/#website\"},\"datePublished\":\"2020-05-05T08:47:56+00:00\",\"dateModified\":\"2020-05-05T09:17:47+00:00\",\"author\":{\"@id\":\"\/#\/schema\/person\/d1eab20dfb1e442e9fb808355cba2b04\"},\"breadcrumb\":{\"@id\":\"https:\/\/omnii.de\/cms\/faq\/responsive-web-design-rwd\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/omnii.de\/cms\/faq\/responsive-web-design-rwd\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/omnii.de\/cms\/faq\/responsive-web-design-rwd\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\/\/omnii.de\/cms\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Was ist Responsive Web Design (RWD)?\"}]},{\"@type\":\"WebSite\",\"@id\":\"\/#website\",\"url\":\"\/\",\"name\":\"MTS Omnii - Dein Partner in Garmisch\",\"description\":\"Dein Partner in Garmisch\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"de\"},{\"@type\":\"Person\",\"@id\":\"\/#\/schema\/person\/d1eab20dfb1e442e9fb808355cba2b04\",\"name\":\"admin\",\"sameAs\":[\"https:\/\/omnii.de\/cms\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Was ist Responsive Web Design (RWD)? &#8211; MTS Omnii","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/omnii.de\/cms\/faq\/responsive-web-design-rwd\/","og_locale":"de_DE","og_type":"article","og_title":"Was ist Responsive Web Design (RWD)? &#8211; MTS Omnii","og_description":"Erkl\u00e4rung Das Thema &#8222;Responsive Webdesign&#8220; (RWD) beschreibt die M\u00f6glichkeit, Webseiten f\u00fcr unterschiedliche Displaygr\u00f6\u00dfen zu optimieren. Das Layout basiert dabei auf einem fl\u00fcssigen Gestaltungsraster, mit dessen Hilfe Gr\u00f6\u00dfenunterschiede zwischen \u00e4hnlichen Displaygr\u00f6\u00dfen ausgeglichen werden k\u00f6nnen. An bestimmten Punkten bricht das Layout jedoch um, und ver\u00e4ndert Struktur und Aufbau. Das ist notwendig um auch Gr\u00f6\u00dfenunterschiede zwischen verschiedenen Ger\u00e4teklassen [&hellip;]","og_url":"https:\/\/omnii.de\/cms\/faq\/responsive-web-design-rwd\/","og_site_name":"MTS Omnii","article_publisher":"https:\/\/www.facebook.com\/MTSOmnii\/","article_published_time":"2020-05-05T08:47:56+00:00","article_modified_time":"2020-05-05T09:17:47+00:00","author":"admin","twitter_card":"summary_large_image","twitter_creator":"@MTSOmnii","twitter_site":"@MTSOmnii","twitter_misc":{"Verfasst von":"admin","Gesch\u00e4tzte Lesezeit":"1\u00a0Minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/omnii.de\/cms\/faq\/responsive-web-design-rwd\/","url":"https:\/\/omnii.de\/cms\/faq\/responsive-web-design-rwd\/","name":"Was ist Responsive Web Design (RWD)? &#8211; MTS Omnii","isPartOf":{"@id":"\/#website"},"datePublished":"2020-05-05T08:47:56+00:00","dateModified":"2020-05-05T09:17:47+00:00","author":{"@id":"\/#\/schema\/person\/d1eab20dfb1e442e9fb808355cba2b04"},"breadcrumb":{"@id":"https:\/\/omnii.de\/cms\/faq\/responsive-web-design-rwd\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/omnii.de\/cms\/faq\/responsive-web-design-rwd\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/omnii.de\/cms\/faq\/responsive-web-design-rwd\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/omnii.de\/cms\/"},{"@type":"ListItem","position":2,"name":"Was ist Responsive Web Design (RWD)?"}]},{"@type":"WebSite","@id":"\/#website","url":"\/","name":"MTS Omnii - Dein Partner in Garmisch","description":"Dein Partner in Garmisch","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"de"},{"@type":"Person","@id":"\/#\/schema\/person\/d1eab20dfb1e442e9fb808355cba2b04","name":"admin","sameAs":["https:\/\/omnii.de\/cms"]}]}},"_links":{"self":[{"href":"https:\/\/omnii.de\/cms\/wp-json\/wp\/v2\/posts\/260"}],"collection":[{"href":"https:\/\/omnii.de\/cms\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/omnii.de\/cms\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/omnii.de\/cms\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/omnii.de\/cms\/wp-json\/wp\/v2\/comments?post=260"}],"version-history":[{"count":7,"href":"https:\/\/omnii.de\/cms\/wp-json\/wp\/v2\/posts\/260\/revisions"}],"predecessor-version":[{"id":271,"href":"https:\/\/omnii.de\/cms\/wp-json\/wp\/v2\/posts\/260\/revisions\/271"}],"wp:attachment":[{"href":"https:\/\/omnii.de\/cms\/wp-json\/wp\/v2\/media?parent=260"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/omnii.de\/cms\/wp-json\/wp\/v2\/categories?post=260"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/omnii.de\/cms\/wp-json\/wp\/v2\/tags?post=260"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}