web-dev-qa-db-ja.com

calc（css）内でscreen.widthを使用する

Calc内でscree.widthを使用することはありますか？このようなもの：

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

@media（max-width：1024px）が機能しない具体的な状況のためです。

csswidthscreencalc
19
Sefean

100vw =ビューポート幅の100％

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

vw単位を使用して、ビューポートの幅に関連してサイズを指定できます。これを試してください：

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

left: calc(250px + 100vw - 1024px)!important;これはおそらく機能しません。私はこのようにします：calc(100vw - 774px);（1024-250 = 774）

vw-ビューの幅

2
Czoka