{"id":3645,"date":"2013-01-16T09:00:54","date_gmt":"2013-01-16T08:00:54","guid":{"rendered":"http:\/\/www.e-sort.net\/blog\/?p=3645"},"modified":"2026-02-13T14:47:57","modified_gmt":"2026-02-13T13:47:57","slug":"responsive-web-design-diseno-web-adaptable-o-adaptativo","status":"publish","type":"post","link":"https:\/\/www.e-sort.net\/blog\/responsive-web-design-diseno-web-adaptable-o-adaptativo\/","title":{"rendered":"Responsive web design:  Dise\u00f1o web adaptable  o adaptativo"},"content":{"rendered":"<p><a href=\"https:\/\/www.e-sort.net\/wp-content\/uploads\/2013\/01\/mini-responsive.png\"><img decoding=\"async\" class=\"alignleft wp-image-4381\" title=\"Varios dispositivos\" src=\"https:\/\/www.e-sort.net\/wp-content\/uploads\/2013\/01\/mini-responsive-150x150.png\" alt=\"\" width=\"122\" height=\"122\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">\u00daltimamente se est\u00e1 hablando mucho del <strong><em>responsive design<\/em><\/strong> \u00a0o <strong>dise\u00f1o adaptativo<\/strong>, pero no es algo nuevo para los desarrolladores web. Desde hace ya alg\u00fan tiempo se ha estado utilizando la <strong>usabilidad<\/strong>, que est\u00e1 relacionado con el t\u00e9rmino de <em>responsive design<\/em>. Se refiere a la facilidad de uso de una p\u00e1gina web, la claridad con la que se dise\u00f1a un sitio web que ayuda entre otras cosas a aumentar la experiencia del usuario al navegar y al mismo tiempo ayuda a agilizar las tareas de mantenimiento.<\/p>\n<p style=\"text-align: justify;\">Aunque la usabilidad est\u00e1 m\u00e1s enfocada al mundo profesional, tambi\u00e9n est\u00e1 presente de manera indirecta y puede que de manera menos rigurosa en cualquier web. Pensando tambi\u00e9n en la facilidad de uso y la comodidad del usuario nace el \u00ab<strong><em>Responsive Web Design<\/em><\/strong>\u00ab,<strong> dise\u00f1os fluidos que se adaptan<\/strong> <strong>a multitud de dispositivos<\/strong> con los que una p\u00e1gina web puede ser visualizada: PC, tablets y smatphones.<\/p>\n<div align=\"center\">\n<p><a href=\"https:\/\/www.e-sort.net\/wp-content\/uploads\/2013\/01\/Responsive-web-design-example-image-new.png\"><img decoding=\"async\" class=\"aligncenter wp-image-4382\" title=\"Responsive design\" src=\"https:\/\/www.e-sort.net\/wp-content\/uploads\/2013\/01\/Responsive-web-design-example-image-new-1024x441.png\" alt=\"\" width=\"450\" height=\"193\" srcset=\"https:\/\/www.e-sort.net\/wp-content\/uploads\/2013\/01\/Responsive-web-design-example-image-new-1024x441.png 1024w, https:\/\/www.e-sort.net\/wp-content\/uploads\/2013\/01\/Responsive-web-design-example-image-new-300x129.png 300w, https:\/\/www.e-sort.net\/wp-content\/uploads\/2013\/01\/Responsive-web-design-example-image-new-768x331.png 768w, https:\/\/www.e-sort.net\/wp-content\/uploads\/2013\/01\/Responsive-web-design-example-image-new.png 1227w\" sizes=\"(max-width: 450px) 100vw, 450px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">Esto se consigue con el uso de <strong>media-queries en CSS<\/strong>, donde se fijan el rango de resoluciones con sus propiedades adaptadas, para que sea posible <strong>a partir de un mismo html la adaptaci\u00f3n a cualquier tipo de pantalla<\/strong>, trabajando siempre con el mismo html, pero modificando los par\u00e1metros necesarios para que se visualice de manera correcta en todas las resoluciones y teniendo en cuenta <strong>qu\u00e9 contenidos es conveniente mostrar para cada dispositivo<\/strong>.<\/p>\n<p style=\"text-align: justify;\">Esta t\u00e9cnica est\u00e1 teniendo mucha m\u00e1s repercusi\u00f3n de lo que cab\u00eda esperar inicialmente y esto se debe entre otras cosas a la facilidad que supone adaptar en vez de crear para cada dispositivo una web. Por otro lado, el dise\u00f1o web \u00abadaptativo\u00bb \u00a0tambi\u00e9n <strong>influye de manera positiva en el SEO<\/strong>, algo muy a tener en cuenta si tienes inter\u00e9s en que tu sitio se posicione bien, esto ocurre porque todos los dispositivos est\u00e1n usando el mismo conjunto de URLs y con cada URL utiliza <strong>el mismo html para todos los dispositivos, simplemente cargando un CSS distinto dependiendo del tama\u00f1o de la pantalla<\/strong>.<\/p>\n<p style=\"text-align: left;\"><a href=\"https:\/\/www.e-sort.net\/wp-content\/uploads\/2013\/01\/responsive_design.jpg\"><img decoding=\"async\" class=\"aligncenter wp-image-4406\" title=\"responsive design\" src=\"https:\/\/www.e-sort.net\/wp-content\/uploads\/2013\/01\/responsive_design.jpg\" alt=\"\" width=\"540\" height=\"344\" srcset=\"https:\/\/www.e-sort.net\/wp-content\/uploads\/2013\/01\/responsive_design.jpg 540w, https:\/\/www.e-sort.net\/wp-content\/uploads\/2013\/01\/responsive_design-300x191.jpg 300w\" sizes=\"(max-width: 540px) 100vw, 540px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">Existen distintos tipos de dise\u00f1o web adaptable, que depender\u00e1 de cada caso, son los siguientes: adaptaci\u00f3n al ancho, cascada de columnas, reestructuraci\u00f3n y cambio del dise\u00f1o visual. De lo que se trata es de <strong>ser creativos<\/strong> y pensar cu\u00e1l es la mejor soluci\u00f3n para visualizar el contenido de nuestra web en una pantalla peque\u00f1a. Para comprobarlo hay multitud de herramientas para que podamos hacer pruebas, una de ellas es <em><strong>Responsinator<\/strong><\/em> (www.responsinator.com), que <strong>nos permite visualizar una p\u00e1gina web y simular como quedar\u00eda distintos dispositivos<\/strong>, aunque no sea 100% fiable, nos dar\u00e1 una idea aproximada de c\u00f3mo se ver\u00e1 en el tel\u00e9fono o tablet real.<\/p>\n<p style=\"text-align: justify;\">Aplicando este tipo de t\u00e9cnica para las webs, no solo conseguimos una <strong>mejor experiencia del usuario<\/strong>, sino que <strong>nos ahorramos tener que crear una web para cada tipo de dispositivo<\/strong> con los consecuentes costes de mantenimiento. Y por si fuera poco tambi\u00e9n es necesario para <strong>ganar puntos en el posicionamiento de Google<\/strong> y por supuesto, hacer llegar nuestra web al mayor n\u00famero de dispositivos sin problemas y de la manera que elijamos.<\/p>\n<\/div>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00daltimamente se est\u00e1 hablando mucho del responsive design \u00a0o dise\u00f1o adaptativo, pero no es algo nuevo para los desarrolladores web. Desde hace ya alg\u00fan tiempo se ha estado utilizando la usabilidad, que est\u00e1 relacionado con el t\u00e9rmino de responsive design. Se refiere a la facilidad de uso de una p\u00e1gina web, la claridad con la <\/p>\n","protected":false},"author":15,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[67],"tags":[181,228,247,250,273,460,582,583,695],"class_list":["post-3645","post","type-post","status-publish","format-standard","hentry","category-diseno-web","tag-como-disenar-una-web","tag-css","tag-diseno-adaptativo","tag-diseno-pagina-web","tag-diseno-web-responsive","tag-media-queries","tag-responsive-design","tag-responsive-web-design","tag-web-adaptable"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Responsive web design - e-SORT Blog Dise\u00f1o Web<\/title>\n<meta name=\"description\" content=\"T\u00e9cnica para web con la que conseguimos adaptarla a diferentes tama\u00f1os de dispositivos y no solo conseguimos una mejor experiencia del usuario, sino que nos ahorramos tener que crear una web para cada tipo de dispositivo con los consiguientes costes de mantenimiento.\" \/>\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.e-sort.net\/blog\/responsive-web-design-diseno-web-adaptable-o-adaptativo\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Responsive web design - e-SORT Blog Dise\u00f1o Web\" \/>\n<meta property=\"og:description\" content=\"T\u00e9cnica para web con la que conseguimos adaptarla a diferentes tama\u00f1os de dispositivos y no solo conseguimos una mejor experiencia del usuario, sino que nos ahorramos tener que crear una web para cada tipo de dispositivo con los consiguientes costes de mantenimiento.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.e-sort.net\/blog\/responsive-web-design-diseno-web-adaptable-o-adaptativo\/\" \/>\n<meta property=\"og:site_name\" content=\"e-SORT\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/eSORT\" \/>\n<meta property=\"article:published_time\" content=\"2013-01-16T08:00:54+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-13T13:47:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.e-sort.net\/wp-content\/uploads\/2013\/01\/mini-responsive.png\" \/>\n\t<meta property=\"og:image:width\" content=\"262\" \/>\n\t<meta property=\"og:image:height\" content=\"192\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Eva Pazos Garc\u00eda\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@esortnet\" \/>\n<meta name=\"twitter:site\" content=\"@esortnet\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Eva Pazos Garc\u00eda\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.e-sort.net\\\/blog\\\/responsive-web-design-diseno-web-adaptable-o-adaptativo\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.e-sort.net\\\/blog\\\/responsive-web-design-diseno-web-adaptable-o-adaptativo\\\/\"},\"author\":{\"name\":\"Eva Pazos Garc\u00eda\",\"@id\":\"https:\\\/\\\/www.e-sort.net\\\/#\\\/schema\\\/person\\\/bfba32b962f1d2ae54d0de7ae47df4b8\"},\"headline\":\"Responsive web design: Dise\u00f1o web adaptable o adaptativo\",\"datePublished\":\"2013-01-16T08:00:54+00:00\",\"dateModified\":\"2026-02-13T13:47:57+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.e-sort.net\\\/blog\\\/responsive-web-design-diseno-web-adaptable-o-adaptativo\\\/\"},\"wordCount\":545,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.e-sort.net\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.e-sort.net\\\/blog\\\/responsive-web-design-diseno-web-adaptable-o-adaptativo\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.e-sort.net\\\/wp-content\\\/uploads\\\/2013\\\/01\\\/mini-responsive-150x150.png\",\"keywords\":[\"como dise\u00f1ar una web\",\"CSS\",\"dise\u00f1o adaptativo\",\"dise\u00f1o p\u00e1gina web\",\"dise\u00f1o web responsive\",\"media-queries\",\"Responsive design\",\"responsive web design\",\"web adaptable\"],\"articleSection\":[\"Dise\u00f1o y desarrollo web\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.e-sort.net\\\/blog\\\/responsive-web-design-diseno-web-adaptable-o-adaptativo\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.e-sort.net\\\/blog\\\/responsive-web-design-diseno-web-adaptable-o-adaptativo\\\/\",\"url\":\"https:\\\/\\\/www.e-sort.net\\\/blog\\\/responsive-web-design-diseno-web-adaptable-o-adaptativo\\\/\",\"name\":\"Responsive web design - e-SORT Blog Dise\u00f1o Web\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.e-sort.net\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.e-sort.net\\\/blog\\\/responsive-web-design-diseno-web-adaptable-o-adaptativo\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.e-sort.net\\\/blog\\\/responsive-web-design-diseno-web-adaptable-o-adaptativo\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.e-sort.net\\\/wp-content\\\/uploads\\\/2013\\\/01\\\/mini-responsive-150x150.png\",\"datePublished\":\"2013-01-16T08:00:54+00:00\",\"dateModified\":\"2026-02-13T13:47:57+00:00\",\"description\":\"T\u00e9cnica para web con la que conseguimos adaptarla a diferentes tama\u00f1os de dispositivos y no solo conseguimos una mejor experiencia del usuario, sino que nos ahorramos tener que crear una web para cada tipo de dispositivo con los consiguientes costes de mantenimiento.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.e-sort.net\\\/blog\\\/responsive-web-design-diseno-web-adaptable-o-adaptativo\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.e-sort.net\\\/blog\\\/responsive-web-design-diseno-web-adaptable-o-adaptativo\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.e-sort.net\\\/blog\\\/responsive-web-design-diseno-web-adaptable-o-adaptativo\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.e-sort.net\\\/wp-content\\\/uploads\\\/2013\\\/01\\\/mini-responsive-150x150.png\",\"contentUrl\":\"https:\\\/\\\/www.e-sort.net\\\/wp-content\\\/uploads\\\/2013\\\/01\\\/mini-responsive-150x150.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.e-sort.net\\\/blog\\\/responsive-web-design-diseno-web-adaptable-o-adaptativo\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.e-sort.net\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Responsive web design: Dise\u00f1o web adaptable o adaptativo\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.e-sort.net\\\/#website\",\"url\":\"https:\\\/\\\/www.e-sort.net\\\/\",\"name\":\"e-SORT\",\"description\":\"Empresa dise\u00f1o y desarrollo web\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.e-sort.net\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.e-sort.net\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.e-sort.net\\\/#organization\",\"name\":\"e-SORT (Soluciones de Organizaci\u00f3n en T.I., S.L.)\",\"url\":\"https:\\\/\\\/www.e-sort.net\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.e-sort.net\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.e-sort.net\\\/wp-content\\\/uploads\\\/2022\\\/06\\\/diseno_desarrollo_web-eSORT.jpg\",\"contentUrl\":\"https:\\\/\\\/www.e-sort.net\\\/wp-content\\\/uploads\\\/2022\\\/06\\\/diseno_desarrollo_web-eSORT.jpg\",\"width\":515,\"height\":176,\"caption\":\"e-SORT (Soluciones de Organizaci\u00f3n en T.I., S.L.)\"},\"image\":{\"@id\":\"https:\\\/\\\/www.e-sort.net\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/eSORT\",\"https:\\\/\\\/x.com\\\/esortnet\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.e-sort.net\\\/#\\\/schema\\\/person\\\/bfba32b962f1d2ae54d0de7ae47df4b8\",\"name\":\"Eva Pazos Garc\u00eda\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.e-sort.net\\\/wp-content\\\/litespeed\\\/avatar\\\/e80120e5211949a2ea79308ca7a7aa34.jpg?ver=1781690409\",\"url\":\"https:\\\/\\\/www.e-sort.net\\\/wp-content\\\/litespeed\\\/avatar\\\/e80120e5211949a2ea79308ca7a7aa34.jpg?ver=1781690409\",\"contentUrl\":\"https:\\\/\\\/www.e-sort.net\\\/wp-content\\\/litespeed\\\/avatar\\\/e80120e5211949a2ea79308ca7a7aa34.jpg?ver=1781690409\",\"caption\":\"Eva Pazos Garc\u00eda\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Responsive web design - e-SORT Blog Dise\u00f1o Web","description":"T\u00e9cnica para web con la que conseguimos adaptarla a diferentes tama\u00f1os de dispositivos y no solo conseguimos una mejor experiencia del usuario, sino que nos ahorramos tener que crear una web para cada tipo de dispositivo con los consiguientes costes de mantenimiento.","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.e-sort.net\/blog\/responsive-web-design-diseno-web-adaptable-o-adaptativo\/","og_locale":"es_ES","og_type":"article","og_title":"Responsive web design - e-SORT Blog Dise\u00f1o Web","og_description":"T\u00e9cnica para web con la que conseguimos adaptarla a diferentes tama\u00f1os de dispositivos y no solo conseguimos una mejor experiencia del usuario, sino que nos ahorramos tener que crear una web para cada tipo de dispositivo con los consiguientes costes de mantenimiento.","og_url":"https:\/\/www.e-sort.net\/blog\/responsive-web-design-diseno-web-adaptable-o-adaptativo\/","og_site_name":"e-SORT","article_publisher":"https:\/\/www.facebook.com\/eSORT","article_published_time":"2013-01-16T08:00:54+00:00","article_modified_time":"2026-02-13T13:47:57+00:00","og_image":[{"width":262,"height":192,"url":"https:\/\/www.e-sort.net\/wp-content\/uploads\/2013\/01\/mini-responsive.png","type":"image\/png"}],"author":"Eva Pazos Garc\u00eda","twitter_card":"summary_large_image","twitter_creator":"@esortnet","twitter_site":"@esortnet","twitter_misc":{"Escrito por":"Eva Pazos Garc\u00eda","Tiempo de lectura":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.e-sort.net\/blog\/responsive-web-design-diseno-web-adaptable-o-adaptativo\/#article","isPartOf":{"@id":"https:\/\/www.e-sort.net\/blog\/responsive-web-design-diseno-web-adaptable-o-adaptativo\/"},"author":{"name":"Eva Pazos Garc\u00eda","@id":"https:\/\/www.e-sort.net\/#\/schema\/person\/bfba32b962f1d2ae54d0de7ae47df4b8"},"headline":"Responsive web design: Dise\u00f1o web adaptable o adaptativo","datePublished":"2013-01-16T08:00:54+00:00","dateModified":"2026-02-13T13:47:57+00:00","mainEntityOfPage":{"@id":"https:\/\/www.e-sort.net\/blog\/responsive-web-design-diseno-web-adaptable-o-adaptativo\/"},"wordCount":545,"commentCount":0,"publisher":{"@id":"https:\/\/www.e-sort.net\/#organization"},"image":{"@id":"https:\/\/www.e-sort.net\/blog\/responsive-web-design-diseno-web-adaptable-o-adaptativo\/#primaryimage"},"thumbnailUrl":"https:\/\/www.e-sort.net\/wp-content\/uploads\/2013\/01\/mini-responsive-150x150.png","keywords":["como dise\u00f1ar una web","CSS","dise\u00f1o adaptativo","dise\u00f1o p\u00e1gina web","dise\u00f1o web responsive","media-queries","Responsive design","responsive web design","web adaptable"],"articleSection":["Dise\u00f1o y desarrollo web"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.e-sort.net\/blog\/responsive-web-design-diseno-web-adaptable-o-adaptativo\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.e-sort.net\/blog\/responsive-web-design-diseno-web-adaptable-o-adaptativo\/","url":"https:\/\/www.e-sort.net\/blog\/responsive-web-design-diseno-web-adaptable-o-adaptativo\/","name":"Responsive web design - e-SORT Blog Dise\u00f1o Web","isPartOf":{"@id":"https:\/\/www.e-sort.net\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.e-sort.net\/blog\/responsive-web-design-diseno-web-adaptable-o-adaptativo\/#primaryimage"},"image":{"@id":"https:\/\/www.e-sort.net\/blog\/responsive-web-design-diseno-web-adaptable-o-adaptativo\/#primaryimage"},"thumbnailUrl":"https:\/\/www.e-sort.net\/wp-content\/uploads\/2013\/01\/mini-responsive-150x150.png","datePublished":"2013-01-16T08:00:54+00:00","dateModified":"2026-02-13T13:47:57+00:00","description":"T\u00e9cnica para web con la que conseguimos adaptarla a diferentes tama\u00f1os de dispositivos y no solo conseguimos una mejor experiencia del usuario, sino que nos ahorramos tener que crear una web para cada tipo de dispositivo con los consiguientes costes de mantenimiento.","breadcrumb":{"@id":"https:\/\/www.e-sort.net\/blog\/responsive-web-design-diseno-web-adaptable-o-adaptativo\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.e-sort.net\/blog\/responsive-web-design-diseno-web-adaptable-o-adaptativo\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.e-sort.net\/blog\/responsive-web-design-diseno-web-adaptable-o-adaptativo\/#primaryimage","url":"https:\/\/www.e-sort.net\/wp-content\/uploads\/2013\/01\/mini-responsive-150x150.png","contentUrl":"https:\/\/www.e-sort.net\/wp-content\/uploads\/2013\/01\/mini-responsive-150x150.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.e-sort.net\/blog\/responsive-web-design-diseno-web-adaptable-o-adaptativo\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.e-sort.net\/"},{"@type":"ListItem","position":2,"name":"Responsive web design: Dise\u00f1o web adaptable o adaptativo"}]},{"@type":"WebSite","@id":"https:\/\/www.e-sort.net\/#website","url":"https:\/\/www.e-sort.net\/","name":"e-SORT","description":"Empresa dise\u00f1o y desarrollo web","publisher":{"@id":"https:\/\/www.e-sort.net\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.e-sort.net\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/www.e-sort.net\/#organization","name":"e-SORT (Soluciones de Organizaci\u00f3n en T.I., S.L.)","url":"https:\/\/www.e-sort.net\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.e-sort.net\/#\/schema\/logo\/image\/","url":"https:\/\/www.e-sort.net\/wp-content\/uploads\/2022\/06\/diseno_desarrollo_web-eSORT.jpg","contentUrl":"https:\/\/www.e-sort.net\/wp-content\/uploads\/2022\/06\/diseno_desarrollo_web-eSORT.jpg","width":515,"height":176,"caption":"e-SORT (Soluciones de Organizaci\u00f3n en T.I., S.L.)"},"image":{"@id":"https:\/\/www.e-sort.net\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/eSORT","https:\/\/x.com\/esortnet"]},{"@type":"Person","@id":"https:\/\/www.e-sort.net\/#\/schema\/person\/bfba32b962f1d2ae54d0de7ae47df4b8","name":"Eva Pazos Garc\u00eda","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.e-sort.net\/wp-content\/litespeed\/avatar\/e80120e5211949a2ea79308ca7a7aa34.jpg?ver=1781690409","url":"https:\/\/www.e-sort.net\/wp-content\/litespeed\/avatar\/e80120e5211949a2ea79308ca7a7aa34.jpg?ver=1781690409","contentUrl":"https:\/\/www.e-sort.net\/wp-content\/litespeed\/avatar\/e80120e5211949a2ea79308ca7a7aa34.jpg?ver=1781690409","caption":"Eva Pazos Garc\u00eda"}}]}},"_links":{"self":[{"href":"https:\/\/www.e-sort.net\/wp-json\/wp\/v2\/posts\/3645","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.e-sort.net\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.e-sort.net\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.e-sort.net\/wp-json\/wp\/v2\/users\/15"}],"replies":[{"embeddable":true,"href":"https:\/\/www.e-sort.net\/wp-json\/wp\/v2\/comments?post=3645"}],"version-history":[{"count":1,"href":"https:\/\/www.e-sort.net\/wp-json\/wp\/v2\/posts\/3645\/revisions"}],"predecessor-version":[{"id":17664,"href":"https:\/\/www.e-sort.net\/wp-json\/wp\/v2\/posts\/3645\/revisions\/17664"}],"wp:attachment":[{"href":"https:\/\/www.e-sort.net\/wp-json\/wp\/v2\/media?parent=3645"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.e-sort.net\/wp-json\/wp\/v2\/categories?post=3645"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.e-sort.net\/wp-json\/wp\/v2\/tags?post=3645"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}