Skip to main content
se eliminaron 41 caracteres en el cuerpo
Origen Enlace

Soporte de la funcion calc de CSS usando alguna libreria de javascript para poder hacer mi sitio responsivo para navegadores antiguo que aun tiene cuota de mercado pero no tienen soporte de la funcion calc de css segun calc-caniuse

un ejemplo de codigo donde el tamanio de la fuente y la caja cambia segun el ancho de pantalla

.padding-responsive {
  padding: calc( (150 * (100vw - 600px) - 30 * (100vw - 1440px)) / (1440 - 600) );
}

.font-size-responsive {
  font-size: calc( (50 * (100vw - 600px) - 24 * (100vw - 1440px)) / (1440 - 600) );
}

.square-responsive {
  background-color: blue;
  width: calc( (500 * (100vw - 600px) - 155 * (100vw - 1440px)) / (1440 - 600) );
  height: calc( (500 * (100vw - 600px) - 155 * (100vw - 1440px)) / (1440 - 600) );
}
<div class="padding-responsive">
   <p class="font-size-responsive">Lorem ipsum dolor sitresponsive">TAMANIO ametDE consecteturFUENTE adipisicingY elit.CAJA EligendiRESPONSIVO dolorCON possimusCALC impedit.<CSS</p>
  <div class="square-responsive"></div>
  
</div>

, el codigo tambien se encuentra en https://codepen.io/jasbel/pen/RwrOKMO donde se puede ver mejor

introducir la descripción de la imagen aquí

El metodo de calculo responsivo inspirado se encuentra en https://stackoverflow.com/questions/15649244/responsive-font-size-in-css

ESTARIA MUY AGRADECIDO SI HAY ALGUNA DE FORMA DE DAR SOPORTE EXTRAYENDO LOS VALORES DE CSS CALC, CALCULARLOS CON JAVASCRIPT Y DEVOLVER EL VALOR, GRACIAS DE ANTEMANO A SU RESPUESTA

!IMPORTANT: LA FUNCION

 `calc((maxSize * (100vw - minWidthScreenPX) - minSize * (100vw - maxWidthScreenPX)) / (maxWidthScreen - minWidthScreen));` 

ES NECESARIO PARA HACER MI SITIO RESPONSIVO

Soporte de la funcion calc de CSS usando alguna libreria de javascript para poder hacer mi sitio responsivo para navegadores antiguo que aun tiene cuota de mercado pero no tienen soporte de la funcion calc de css segun calc-caniuse

un ejemplo de codigo donde el tamanio de la fuente y la caja cambia segun el ancho de pantalla

.padding-responsive {
  padding: calc( (150 * (100vw - 600px) - 30 * (100vw - 1440px)) / (1440 - 600) );
}

.font-size-responsive {
  font-size: calc( (50 * (100vw - 600px) - 24 * (100vw - 1440px)) / (1440 - 600) );
}

.square-responsive {
  background-color: blue;
  width: calc( (500 * (100vw - 600px) - 155 * (100vw - 1440px)) / (1440 - 600) );
  height: calc( (500 * (100vw - 600px) - 155 * (100vw - 1440px)) / (1440 - 600) );
}
<div class="padding-responsive">
   <p class="font-size-responsive">Lorem ipsum dolor sit amet consectetur adipisicing elit. Eligendi dolor possimus impedit.</p>
  <div class="square-responsive"></div>
  
</div>

, el codigo tambien se encuentra en https://codepen.io/jasbel/pen/RwrOKMO donde se puede ver mejor

introducir la descripción de la imagen aquí

El metodo de calculo responsivo inspirado se encuentra en https://stackoverflow.com/questions/15649244/responsive-font-size-in-css

ESTARIA MUY AGRADECIDO SI HAY ALGUNA DE FORMA DE DAR SOPORTE EXTRAYENDO LOS VALORES DE CSS CALC, CALCULARLOS CON JAVASCRIPT Y DEVOLVER EL VALOR, GRACIAS DE ANTEMANO A SU RESPUESTA

!IMPORTANT: LA FUNCION

 `calc((maxSize * (100vw - minWidthScreenPX) - minSize * (100vw - maxWidthScreenPX)) / (maxWidthScreen - minWidthScreen));` 

ES NECESARIO PARA HACER MI SITIO RESPONSIVO

Soporte de la funcion calc de CSS usando alguna libreria de javascript para poder hacer mi sitio responsivo para navegadores antiguo que aun tiene cuota de mercado pero no tienen soporte de la funcion calc de css segun calc-caniuse

un ejemplo de codigo donde el tamanio de la fuente y la caja cambia segun el ancho de pantalla

.padding-responsive {
  padding: calc( (150 * (100vw - 600px) - 30 * (100vw - 1440px)) / (1440 - 600) );
}

.font-size-responsive {
  font-size: calc( (50 * (100vw - 600px) - 24 * (100vw - 1440px)) / (1440 - 600) );
}

.square-responsive {
  background-color: blue;
  width: calc( (500 * (100vw - 600px) - 155 * (100vw - 1440px)) / (1440 - 600) );
  height: calc( (500 * (100vw - 600px) - 155 * (100vw - 1440px)) / (1440 - 600) );
}
<div class="padding-responsive">
   <p class="font-size-responsive">TAMANIO DE FUENTE Y CAJA RESPONSIVO CON CALC CSS</p>
  <div class="square-responsive"></div>
  
</div>

, el codigo tambien se encuentra en https://codepen.io/jasbel/pen/RwrOKMO donde se puede ver mejor

introducir la descripción de la imagen aquí

El metodo de calculo responsivo inspirado se encuentra en https://stackoverflow.com/questions/15649244/responsive-font-size-in-css

ESTARIA MUY AGRADECIDO SI HAY ALGUNA DE FORMA DE DAR SOPORTE EXTRAYENDO LOS VALORES DE CSS CALC, CALCULARLOS CON JAVASCRIPT Y DEVOLVER EL VALOR, GRACIAS DE ANTEMANO A SU RESPUESTA

!IMPORTANT: LA FUNCION

 `calc((maxSize * (100vw - minWidthScreenPX) - minSize * (100vw - maxWidthScreenPX)) / (maxWidthScreen - minWidthScreen));` 

ES NECESARIO PARA HACER MI SITIO RESPONSIVO

se añadieron 203 caracteres en el cuerpo
Origen Enlace

Soporte de la funcion calc de CSS usando alguna libreria de javascript para poder hacer mi sitio responsivo para navegadores antiguo que aun tiene cuota de mercado pero no tienen soporte de la funcion calc de css segun calc-caniuse

un ejemplo de codigo donde el tamanio de la fuente y la caja cambia segun el ancho de pantalla

.padding-responsive {
  padding: calc( (150 * (100vw - 600px) - 30 * (100vw - 1440px)) / (1440 - 600) );
}

.font-size-responsive {
  font-size: calc( (50 * (100vw - 600px) - 24 * (100vw - 1440px)) / (1440 - 600) );
}

.square-responsive {
  background-color: blue;
  width: calc( (500 * (100vw - 600px) - 155 * (100vw - 1440px)) / (1440 - 600) );
  height: calc( (500 * (100vw - 600px) - 155 * (100vw - 1440px)) / (1440 - 600) );
}
<div class="padding-responsive">
   <p class="font-size-responsive">Lorem ipsum dolor sit amet consectetur adipisicing elit. Eligendi dolor possimus impedit.</p>
  <div class="square-responsive"></div>
  
</div>

, el codigo tambien se encuentra en https://codepen.io/jasbel/pen/RwrOKMO donde se puede ver mejor

introducir la descripción de la imagen aquí

El metodo de calculo responsivo inspirado se encuentra en https://stackoverflow.com/questions/15649244/responsive-font-size-in-css

ESTARIA MUY AGRADECIDO SI HAY ALGUNA DE FORMA DE DAR SOPORTE EXTRAYENDO LOS VALORES DE CSS CALC, CALCULARLOS CON JAVASCRIPT Y DEVOLVER EL VALOR, GRACIAS DE ANTEMANO A SU RESPUESTA

!IMPORTANT: LA FUNCION

 `calc((maxSize * (100vw - minWidthScreenPX) - minSize * (100vw - maxWidthScreenPX)) / (maxWidthScreen - minWidthScreen));` 

ES NECESARIO PARA HACER MI SITIO RESPONSIVO

Soporte de la funcion calc de CSS usando alguna libreria de javascript para poder hacer mi sitio responsivo para navegadores antiguo que aun tiene cuota de mercado pero no tienen soporte de la funcion calc de css segun calc-caniuse

un ejemplo de codigo donde el tamanio de la fuente y la caja cambia segun el ancho de pantalla

.padding-responsive {
  padding: calc( (150 * (100vw - 600px) - 30 * (100vw - 1440px)) / (1440 - 600) );
}

.font-size-responsive {
  font-size: calc( (50 * (100vw - 600px) - 24 * (100vw - 1440px)) / (1440 - 600) );
}

.square-responsive {
  background-color: blue;
  width: calc( (500 * (100vw - 600px) - 155 * (100vw - 1440px)) / (1440 - 600) );
  height: calc( (500 * (100vw - 600px) - 155 * (100vw - 1440px)) / (1440 - 600) );
}
<div class="padding-responsive">
   <p class="font-size-responsive">Lorem ipsum dolor sit amet consectetur adipisicing elit. Eligendi dolor possimus impedit.</p>
  <div class="square-responsive"></div>
  
</div>

, el codigo tambien se encuentra en https://codepen.io/jasbel/pen/RwrOKMO donde se puede ver mejor

introducir la descripción de la imagen aquí

El metodo de calculo responsivo inspirado se encuentra en https://stackoverflow.com/questions/15649244/responsive-font-size-in-css

ESTARIA MUY AGRADECIDO SI HAY ALGUNA DE FORMA DE DAR SOPORTE EXTRAYENDO LOS VALORES DE CSS CALC, CALCULARLOS CON JAVASCRIPT Y DEVOLVER EL VALOR, GRACIAS DE ANTEMANO A SU RESPUESTA

Soporte de la funcion calc de CSS usando alguna libreria de javascript para poder hacer mi sitio responsivo para navegadores antiguo que aun tiene cuota de mercado pero no tienen soporte de la funcion calc de css segun calc-caniuse

un ejemplo de codigo donde el tamanio de la fuente y la caja cambia segun el ancho de pantalla

.padding-responsive {
  padding: calc( (150 * (100vw - 600px) - 30 * (100vw - 1440px)) / (1440 - 600) );
}

.font-size-responsive {
  font-size: calc( (50 * (100vw - 600px) - 24 * (100vw - 1440px)) / (1440 - 600) );
}

.square-responsive {
  background-color: blue;
  width: calc( (500 * (100vw - 600px) - 155 * (100vw - 1440px)) / (1440 - 600) );
  height: calc( (500 * (100vw - 600px) - 155 * (100vw - 1440px)) / (1440 - 600) );
}
<div class="padding-responsive">
   <p class="font-size-responsive">Lorem ipsum dolor sit amet consectetur adipisicing elit. Eligendi dolor possimus impedit.</p>
  <div class="square-responsive"></div>
  
</div>

, el codigo tambien se encuentra en https://codepen.io/jasbel/pen/RwrOKMO donde se puede ver mejor

introducir la descripción de la imagen aquí

El metodo de calculo responsivo inspirado se encuentra en https://stackoverflow.com/questions/15649244/responsive-font-size-in-css

ESTARIA MUY AGRADECIDO SI HAY ALGUNA DE FORMA DE DAR SOPORTE EXTRAYENDO LOS VALORES DE CSS CALC, CALCULARLOS CON JAVASCRIPT Y DEVOLVER EL VALOR, GRACIAS DE ANTEMANO A SU RESPUESTA

!IMPORTANT: LA FUNCION

 `calc((maxSize * (100vw - minWidthScreenPX) - minSize * (100vw - maxWidthScreenPX)) / (maxWidthScreen - minWidthScreen));` 

ES NECESARIO PARA HACER MI SITIO RESPONSIVO

se añadieron 215 caracteres en el cuerpo
Origen Enlace

Soporte de la funcion calc de CSS usando alguna libreria de javascript para poder hacer mi sitio responsivo para navegadores antiguo que aun tiene cuota de mercado pero no tienen soporte de la funcion calc de css segun calc-caniuse

un ejemplo de codigo que tambien se encuentra en https://codepen.io/jasbel/pen/RwrOKMOdonde el tamanio de la fuente y la caja cambia segun el ancho de pantalla

.padding-responsive {
  padding: calc( (150 * (100vw - 600px) - 30 * (100vw - 1440px)) / (1440 - 600) );
}

.font-size-responsive {
  font-size: calc( (50 * (100vw - 600px) - 24 * (100vw - 1440px)) / (1440 - 600) );
}

.square-responsive {
  background-color: blue;
  width: calc( (500 * (100vw - 600px) - 155 * (100vw - 1440px)) / (1440 - 600) );
  height: calc( (500 * (100vw - 600px) - 155 * (100vw - 1440px)) / (1440 - 600) );
}
<div class="padding-responsive">
   <p class="font-size-responsive">Lorem ipsum dolor sit amet consectetur adipisicing elit. Eligendi dolor possimus impedit.</p>
  <div class="square-responsive"></div>
  
</div>

, el codigo tambien se encuentra en https://codepen.io/jasbel/pen/RwrOKMO donde se puede ver mejor

introducir la descripción de la imagen aquí

El metodo de calculo responsivo inspirado se encuentra en https://stackoverflow.com/questions/15649244/responsive-font-size-in-css

ESTARIA MUY AGRADECIDO SI HAY ALGUNA DE FORMA DE DAR SOPORTE EXTRAYENDO LOS VALORES DE CSS CALC, CALCULARLOS CON JAVASCRIPT Y DEVOLVER EL VALOR, GRACIAS DE ANTEMANO A SU RESPUESTA

Soporte de la funcion calc de CSS usando alguna libreria de javascript para poder hacer mi sitio responsivo para navegadores antiguo que aun tiene cuota de mercado pero no tienen soporte de la funcion calc de css segun calc-caniuse

un ejemplo de codigo que tambien se encuentra en https://codepen.io/jasbel/pen/RwrOKMO

.padding-responsive {
  padding: calc( (150 * (100vw - 600px) - 30 * (100vw - 1440px)) / (1440 - 600) );
}

.font-size-responsive {
  font-size: calc( (50 * (100vw - 600px) - 24 * (100vw - 1440px)) / (1440 - 600) );
}

.square-responsive {
  background-color: blue;
  width: calc( (500 * (100vw - 600px) - 155 * (100vw - 1440px)) / (1440 - 600) );
  height: calc( (500 * (100vw - 600px) - 155 * (100vw - 1440px)) / (1440 - 600) );
}
<div class="padding-responsive">
   <p class="font-size-responsive">Lorem ipsum dolor sit amet consectetur adipisicing elit. Eligendi dolor possimus impedit.</p>
  <div class="square-responsive"></div>
  
</div>

El metodo de calculo responsivo inspirado se encuentra en https://stackoverflow.com/questions/15649244/responsive-font-size-in-css

ESTARIA MUY AGRADECIDO SI HAY ALGUNA DE FORMA DE DAR SOPORTE EXTRAYENDO LOS VALORES DE CSS CALC, CALCULARLOS CON JAVASCRIPT Y DEVOLVER EL VALOR, GRACIAS DE ANTEMANO A SU RESPUESTA

Soporte de la funcion calc de CSS usando alguna libreria de javascript para poder hacer mi sitio responsivo para navegadores antiguo que aun tiene cuota de mercado pero no tienen soporte de la funcion calc de css segun calc-caniuse

un ejemplo de codigo donde el tamanio de la fuente y la caja cambia segun el ancho de pantalla

.padding-responsive {
  padding: calc( (150 * (100vw - 600px) - 30 * (100vw - 1440px)) / (1440 - 600) );
}

.font-size-responsive {
  font-size: calc( (50 * (100vw - 600px) - 24 * (100vw - 1440px)) / (1440 - 600) );
}

.square-responsive {
  background-color: blue;
  width: calc( (500 * (100vw - 600px) - 155 * (100vw - 1440px)) / (1440 - 600) );
  height: calc( (500 * (100vw - 600px) - 155 * (100vw - 1440px)) / (1440 - 600) );
}
<div class="padding-responsive">
   <p class="font-size-responsive">Lorem ipsum dolor sit amet consectetur adipisicing elit. Eligendi dolor possimus impedit.</p>
  <div class="square-responsive"></div>
  
</div>

, el codigo tambien se encuentra en https://codepen.io/jasbel/pen/RwrOKMO donde se puede ver mejor

introducir la descripción de la imagen aquí

El metodo de calculo responsivo inspirado se encuentra en https://stackoverflow.com/questions/15649244/responsive-font-size-in-css

ESTARIA MUY AGRADECIDO SI HAY ALGUNA DE FORMA DE DAR SOPORTE EXTRAYENDO LOS VALORES DE CSS CALC, CALCULARLOS CON JAVASCRIPT Y DEVOLVER EL VALOR, GRACIAS DE ANTEMANO A SU RESPUESTA

Origen Enlace
Loading