Jeg bruker Bootstrap i kombinasjon med CSS, for å gjøre nettsiden responsiv så har jeg egne CSS filer basert på størrelse på skjermenheten som laster siden. Dette gjør at jeg må redeklarere alle klassene i de forskjellige CSS-filene for å tilpasse størrelsen på elementene til å passe på enheten som laster siden.

Mitt spørsmål er om det er mulig å gjøre dette dynamisk, f.eks. ved at man sier at 1920x1080 har en skaleringsfaktor på 1. Skaleringsfaktoren vil da gå lineært nedover med utgangspunkt i 1920x1080, slik at dersom en enhet på 960x540 så vil skaleringsfaktoren være 0.5.

Dersom alle elementer med "px" da ganges med skaleringsfaktoren, så ville man ha sluppet å definere egne CSS filer for forskjellige størrelser.

Er det noen som vet om dette er mulig, og evt hvordan man gjør det?