bottom - Use screen.width inside calc(css)

propiedad calc css

Question

¿Hay una era de usar scree.width dentro de calc? Algo como esto:

left: calc(250px + screen.width - 1024px)!important;

Es para una situación concreta donde @media (ancho máximo: 1024px) no funcionará.

Answer 1

Afaik no hay forma de obtener "ancho de ventana real" dentro de la fórmula de cálculo :(

Answer 2

Puedes usar unidades vw para dimensionar cosas en relación con el ancho de la ventana gráfica, así que prueba esto:

left: calc(250px + 100vw - 1024px) !important;

Answer 3

left: calc(250px + 100vw - 1024px)!important; esto probablemente no funcione. Lo haría así: calc(100vw - 774px); (1024 - 250 = 774)

vw - ancho de la vista

Answer 4

100vw = 100% del ancho de la ventana gráfica

left:calc(250px + 100vw - 1024px)!important;