{"id":4266,"date":"2021-09-21T11:02:15","date_gmt":"2021-09-21T11:02:15","guid":{"rendered":"https:\/\/www.adspyglass.com\/blog\/glossary-responsive-design\/"},"modified":"2021-09-28T15:15:00","modified_gmt":"2021-09-28T15:15:00","slug":"responsive-design","status":"publish","type":"post","link":"https:\/\/www.adspyglass.com\/blog\/responsive-design\/","title":{"rendered":"Responsive Design"},"content":{"rendered":"<p><span>Responsive design is an approach to web design that uses CSS and HTML to automatically enlarge, shrink, or resize a website to look good on different devices. This approach sees that the website responds to the user based on their device type, orientation, and screen size. Websites created with this approach are designed to have an optimal display at different sizes, irrespective of the screen resolution or device that the user uses.<\/span><\/p>\n<p><span>In today&rsquo;s world, people frequently switch between a different array of devices. So, the responsive website design gives webmasters the ability to create websites flexible enough to adjust to something that fits each person. This is achieved through CSS media queries, adaptive images, and flexible grid layouts.&nbsp;<\/span><\/p>\n<p><span>The media query analyzes the device that the user is using to access the site to help figure out how to display media for that device on the website. At the same time, the flexible grid layout uses relative units (percentage) instead of fixed units (such as pixels).&nbsp;<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Responsive design is an approach to web design that uses CSS and HTML to automatically enlarge, shrink, or resize a website to look good on different devices. This approach sees that the website responds to the user based on their device type, orientation, and screen size. Websites created with this approach are designed to have [&hellip;]<\/p>\n","protected":false},"author":13,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[93,111],"tags":[123,1043,1042,1044],"class_list":["post-4266","post","type-post","status-publish","format-standard","hentry","category-glossary","category-r","tag-adspyglass-glossary","tag-responsive-design-definition","tag-responsive-design-term","tag-what-is-responsive-design"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Responsive Design<\/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:\/\/www.adspyglass.com\/blog\/responsive-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Responsive Design\" \/>\n<meta property=\"og:description\" content=\"Responsive design is an approach to web design that uses CSS and HTML to automatically enlarge, shrink, or resize a website to look good on different devices. This approach sees that the website responds to the user based on their device type, orientation, and screen size. Websites created with this approach are designed to have [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.adspyglass.com\/blog\/responsive-design\/\" \/>\n<meta property=\"og:site_name\" content=\"AdSpyglass\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/adspyglass\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-09-21T11:02:15+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-09-28T15:15:00+00:00\" \/>\n<meta name=\"author\" content=\"zerg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@AdSpyglass\" \/>\n<meta name=\"twitter:site\" content=\"@AdSpyglass\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"zerg\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.adspyglass.com\\\/blog\\\/responsive-design\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.adspyglass.com\\\/blog\\\/responsive-design\\\/\"},\"author\":{\"name\":\"zerg\",\"@id\":\"https:\\\/\\\/www.adspyglass.com\\\/blog\\\/#\\\/schema\\\/person\\\/381353662ed5ec215106b146822869fb\"},\"headline\":\"Responsive Design\",\"datePublished\":\"2021-09-21T11:02:15+00:00\",\"dateModified\":\"2021-09-28T15:15:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.adspyglass.com\\\/blog\\\/responsive-design\\\/\"},\"wordCount\":173,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.adspyglass.com\\\/blog\\\/#organization\"},\"keywords\":[\"adspyglass glossary\",\"responsive design definition\",\"responsive design term\",\"what is responsive design\"],\"articleSection\":[\"AdSpyglass Webmaster's Glossary\",\"R\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.adspyglass.com\\\/blog\\\/responsive-design\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.adspyglass.com\\\/blog\\\/responsive-design\\\/\",\"url\":\"https:\\\/\\\/www.adspyglass.com\\\/blog\\\/responsive-design\\\/\",\"name\":\"Responsive Design\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.adspyglass.com\\\/blog\\\/#website\"},\"datePublished\":\"2021-09-21T11:02:15+00:00\",\"dateModified\":\"2021-09-28T15:15:00+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.adspyglass.com\\\/blog\\\/responsive-design\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.adspyglass.com\\\/blog\\\/responsive-design\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.adspyglass.com\\\/blog\\\/responsive-design\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\\\/\\\/www.adspyglass.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"AdSpyglass Webmaster's Glossary\",\"item\":\"https:\\\/\\\/www.adspyglass.com\\\/blog\\\/glossary\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"R\",\"item\":\"https:\\\/\\\/www.adspyglass.com\\\/blog\\\/glossary\\\/r\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Responsive Design\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.adspyglass.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.adspyglass.com\\\/blog\\\/\",\"name\":\"AdSpyglass\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.adspyglass.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.adspyglass.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.adspyglass.com\\\/blog\\\/#organization\",\"name\":\"Adspyglass\",\"url\":\"https:\\\/\\\/www.adspyglass.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.adspyglass.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.adspyglass.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/10\\\/logo-asg-1.svg\",\"contentUrl\":\"https:\\\/\\\/www.adspyglass.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/10\\\/logo-asg-1.svg\",\"width\":\"1024\",\"height\":\"1024\",\"caption\":\"Adspyglass\"},\"image\":{\"@id\":\"https:\\\/\\\/www.adspyglass.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/adspyglass\\\/\",\"https:\\\/\\\/x.com\\\/AdSpyglass\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UCjwWrtCc1UwDil7ZRwiGZDg\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.adspyglass.com\\\/blog\\\/#\\\/schema\\\/person\\\/381353662ed5ec215106b146822869fb\",\"name\":\"zerg\",\"url\":\"https:\\\/\\\/www.adspyglass.com\\\/blog\\\/author\\\/zerg\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Responsive Design","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:\/\/www.adspyglass.com\/blog\/responsive-design\/","og_locale":"en_US","og_type":"article","og_title":"Responsive Design","og_description":"Responsive design is an approach to web design that uses CSS and HTML to automatically enlarge, shrink, or resize a website to look good on different devices. This approach sees that the website responds to the user based on their device type, orientation, and screen size. Websites created with this approach are designed to have [&hellip;]","og_url":"https:\/\/www.adspyglass.com\/blog\/responsive-design\/","og_site_name":"AdSpyglass","article_publisher":"https:\/\/www.facebook.com\/adspyglass\/","article_published_time":"2021-09-21T11:02:15+00:00","article_modified_time":"2021-09-28T15:15:00+00:00","author":"zerg","twitter_card":"summary_large_image","twitter_creator":"@AdSpyglass","twitter_site":"@AdSpyglass","twitter_misc":{"Written by":"zerg","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.adspyglass.com\/blog\/responsive-design\/#article","isPartOf":{"@id":"https:\/\/www.adspyglass.com\/blog\/responsive-design\/"},"author":{"name":"zerg","@id":"https:\/\/www.adspyglass.com\/blog\/#\/schema\/person\/381353662ed5ec215106b146822869fb"},"headline":"Responsive Design","datePublished":"2021-09-21T11:02:15+00:00","dateModified":"2021-09-28T15:15:00+00:00","mainEntityOfPage":{"@id":"https:\/\/www.adspyglass.com\/blog\/responsive-design\/"},"wordCount":173,"commentCount":0,"publisher":{"@id":"https:\/\/www.adspyglass.com\/blog\/#organization"},"keywords":["adspyglass glossary","responsive design definition","responsive design term","what is responsive design"],"articleSection":["AdSpyglass Webmaster's Glossary","R"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.adspyglass.com\/blog\/responsive-design\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.adspyglass.com\/blog\/responsive-design\/","url":"https:\/\/www.adspyglass.com\/blog\/responsive-design\/","name":"Responsive Design","isPartOf":{"@id":"https:\/\/www.adspyglass.com\/blog\/#website"},"datePublished":"2021-09-21T11:02:15+00:00","dateModified":"2021-09-28T15:15:00+00:00","breadcrumb":{"@id":"https:\/\/www.adspyglass.com\/blog\/responsive-design\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.adspyglass.com\/blog\/responsive-design\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.adspyglass.com\/blog\/responsive-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/www.adspyglass.com\/blog\/"},{"@type":"ListItem","position":2,"name":"AdSpyglass Webmaster's Glossary","item":"https:\/\/www.adspyglass.com\/blog\/glossary\/"},{"@type":"ListItem","position":3,"name":"R","item":"https:\/\/www.adspyglass.com\/blog\/glossary\/r\/"},{"@type":"ListItem","position":4,"name":"Responsive Design"}]},{"@type":"WebSite","@id":"https:\/\/www.adspyglass.com\/blog\/#website","url":"https:\/\/www.adspyglass.com\/blog\/","name":"AdSpyglass","description":"","publisher":{"@id":"https:\/\/www.adspyglass.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.adspyglass.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.adspyglass.com\/blog\/#organization","name":"Adspyglass","url":"https:\/\/www.adspyglass.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.adspyglass.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.adspyglass.com\/blog\/wp-content\/uploads\/2021\/10\/logo-asg-1.svg","contentUrl":"https:\/\/www.adspyglass.com\/blog\/wp-content\/uploads\/2021\/10\/logo-asg-1.svg","width":"1024","height":"1024","caption":"Adspyglass"},"image":{"@id":"https:\/\/www.adspyglass.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/adspyglass\/","https:\/\/x.com\/AdSpyglass","https:\/\/www.youtube.com\/channel\/UCjwWrtCc1UwDil7ZRwiGZDg"]},{"@type":"Person","@id":"https:\/\/www.adspyglass.com\/blog\/#\/schema\/person\/381353662ed5ec215106b146822869fb","name":"zerg","url":"https:\/\/www.adspyglass.com\/blog\/author\/zerg\/"}]}},"views":43,"_links":{"self":[{"href":"https:\/\/www.adspyglass.com\/blog\/wp-json\/wp\/v2\/posts\/4266","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.adspyglass.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.adspyglass.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.adspyglass.com\/blog\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/www.adspyglass.com\/blog\/wp-json\/wp\/v2\/comments?post=4266"}],"version-history":[{"count":1,"href":"https:\/\/www.adspyglass.com\/blog\/wp-json\/wp\/v2\/posts\/4266\/revisions"}],"predecessor-version":[{"id":4755,"href":"https:\/\/www.adspyglass.com\/blog\/wp-json\/wp\/v2\/posts\/4266\/revisions\/4755"}],"wp:attachment":[{"href":"https:\/\/www.adspyglass.com\/blog\/wp-json\/wp\/v2\/media?parent=4266"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.adspyglass.com\/blog\/wp-json\/wp\/v2\/categories?post=4266"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.adspyglass.com\/blog\/wp-json\/wp\/v2\/tags?post=4266"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}