/ / Position wechseln zu Relativ, umgekehrt in Foundation - css, sass, zurb-foundation

Wechselposition relativiert, umgekehrt in Foundation - css, sass, zurb-foundation

Ich möchte Position:behoben, um nur zu arbeiten, wenn ich die App auf einem großen Bildschirm anzeigen. Wenn ich in Mobile bin, möchte ich nicht Position: behoben. Was ist los mit meinem scss? Ich habe die Idee einfach von einem anderen Stack-Overflow-Post übernommen.

.page {
overflow: hidden;
min-height: 100vh;
.sidebar {
position: fixed;
@media #{$small} {
position: relative;
}
}
}

Antworten:

0 für die Antwort № 1

Ich habe es herausgefunden und es funktioniert großartig!

.page {
overflow: hidden;
min-height: 100vh;
.sidebar {
@media only screen and (min-width: 400px) {
position: fixed;
}
}
}

0 für die Antwort № 2

laut derz-Stiftung

.page {
overflow: hidden;
min-height: 100vh;
.sidebar {
position: relative;
@media screen and (max-width: 63.9375em), screen and (min-width: 75em) {
position: fixed;
}
}
}