Utilisez screen.width inside calc (css)

Question

Y a-t-il une utilisation de scree.width dans calc? Quelque chose comme ça:

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

Est-ce pour une situation concrète où le @media (max-width: 1024px) ne fonctionnera pas.

Answer 1

100vw = 100% de la largeur de la fenêtre

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

Answer 2

Vous pouvez utiliser vw unités pour dimensionner les objets par rapport à la largeur de la fenêtre, essayez donc ceci:

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

Answer 3

left: calc(250px + 100vw - 1024px)!important; cela ne fonctionnera probablement pas Je le ferais comme ceci: calc(100vw - 774px); (1024 - 250 = 774)

vw - largeur de la vue