TAMBIÉN
Same website
on all screens
Desktop
prototype values
Px
prototype minimum values
My container max-width is wider than my prototype width
prototype maximum values
Tablet
I don't need this breakpoint
Prototype maximum values
Mobile
Copy this code in the embed at the top of the page
<style> html { font-size: 16px; } @media (min-width: px) { html {font-size: calc(px + * ((100vw - px) / ));} } @media (min-width: px) { html {font-size: calc(px + * ((100vw - px) / ));} } @media (min-width: px) { html {font-size: calc(px + * ((100vw - px) / ));} } @media (min-width: px) { html {font-size: px;} } .container { max-width: rem; } @media (min-width: px) { html {font-size: calc(px + * ((100vw - px) / ));} } @media (min-width: px) { html {font-size: px;} } .container { max-width: rem; } </style>
html { font-size: 16px; }
@media (min-width: px) { html {font-size: calc(px + * ((100vw - px) / ));} }
@media (min-width: px) { html {font-size: px;} } .container { max-width: rem; }
@media (min-width: px) { html {font-size: calc(px + * ((100vw - px) / ));} } @media (min-width: px) { html {font-size: px;} } .container { max-width: rem; }