{"id":1289,"date":"2018-04-05T14:47:02","date_gmt":"2018-04-05T14:47:02","guid":{"rendered":"http:\/\/maquetando.com\/?p=1289"},"modified":"2018-04-05T14:48:48","modified_gmt":"2018-04-05T14:48:48","slug":"texto-fluido-css","status":"publish","type":"post","link":"https:\/\/orpot.com\/blog\/texto-fluido-css\/","title":{"rendered":"Texto fluido con CSS"},"content":{"rendered":"<p><a href=\"http:\/\/maquetando.com\/wp-content\/uploads\/2018\/04\/fluid-text.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1290\" src=\"http:\/\/maquetando.com\/wp-content\/uploads\/2018\/04\/fluid-text.jpg\" alt=\"\" width=\"660\" height=\"536\" srcset=\"https:\/\/orpot.com\/blog\/wp-content\/uploads\/2018\/04\/fluid-text.jpg 660w, https:\/\/orpot.com\/blog\/wp-content\/uploads\/2018\/04\/fluid-text-600x487.jpg 600w, https:\/\/orpot.com\/blog\/wp-content\/uploads\/2018\/04\/fluid-text-300x244.jpg 300w\" sizes=\"(max-width: 660px) 100vw, 660px\" \/><\/a><\/p>\n<p>Con este peque\u00f1o snippet dejaras de sufrir por el texto de tu sitio cuando este se muestre en dispositivos m\u00f3viles o cualquier pantalla , es tan sencillo que solo requiere una linea de c\u00f3digo y no tendr\u00e1s que preocuparte por la compatibilidad funciona con la mayor\u00eda de <a href=\"https:\/\/caniuse.com\/#feat=calc\" target=\"_blank\" rel=\"noopener\">navegadores modernos.<\/a><\/p>\n<pre class=\"lang:css decode:true \">body {\r\n\t\t\t\t\/*calc([tama\u00f1o minimo] + ([tama\u00f1o maximo] - [tama\u00f1o minimo]) * ((100vw - [viewport width minimo]) \/ ([viewport width maximo] - [viewport width minimo])));*\/\r\n  font-size: calc(16px + (22 - 18) * ((100vw - 300px) \/ (1600 - 300)));\r\n}<\/pre>\n<p>Ejemplo : <a href=\"https:\/\/codepen.io\/maquetando\/pen\/zWmYQr\">Codepen<\/a><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Con este peque\u00f1o snippet dejaras de sufrir por el texto de tu sitio cuando este&hellip;<\/p>\n","protected":false},"author":1,"featured_media":1290,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,147],"tags":[4,148],"_links":{"self":[{"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/posts\/1289"}],"collection":[{"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/comments?post=1289"}],"version-history":[{"count":4,"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/posts\/1289\/revisions"}],"predecessor-version":[{"id":1294,"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/posts\/1289\/revisions\/1294"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/media\/1290"}],"wp:attachment":[{"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/media?parent=1289"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/categories?post=1289"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/tags?post=1289"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}