Gibt es eine Möglichkeit, @media min/max-width/height zu negieren?

Ich verwende http://www.w3.org/TR/css3-mediaqueries/, um abhängig vom verfügbaren Ansichtsfenster ein anderes Design zu haben.Gibt es eine Möglichkeit, @media min/max-width/height zu negieren?

Damit meine Suche und Ersetzen, ich für jedes Mal arbeiten entscheiden, die Cut-off-Punkte einzustellen, würde Ich mag klar @media (min-width: 500px) negieren zu, die auf (max-width: 500px) schneidet, und daher sein muss wird manuell stattdessen als (max-width: 499px) negiert, was dann das Suchen und Ersetzen durchbricht.

Ich habe versucht not (min-width: 500px), aber es scheint überhaupt nicht zu funktionieren. Gibt es eine Möglichkeit, @media (min-width: 500px) zu negieren, so dass die negative Abfrage immer noch 500px enthält, damit meine Suche-und-ersetzen funktioniert?

Quelle

2016-04-12 cnst

funktioniert würde ich nicht tun das verwende ich nie min-width. Ich beginne groß und arbeite nach ... [at] Medienbildschirm und (max-width: 1025px) {/// überschreibt} [at] Medienbildschirm und (max-width: 769px) {/// überschreibt 1024px} Da css sematntic ist, werden Sie immer mit den kleineren Bildschirmgrößen auf diese Weise überschreiben. – user1712691

Warum funktioniert 'not (min-width: 500px)' nicht, vorausgesetzt, Sie haben die Dokumentation befolgt und sie als 'nicht alle und (min-width: 500px) 'geschrieben? –

Cool! Werde versuchen 'nicht alle und'. Wie wäre es jedoch mit anderen Aussagen zu verschmelzen? Z.B. Wie übersetze ich '(min-width: 840px) und (max-height: 399px)', wobei nur der '99' negiert werden muss? – cnst

Versuchen Sie, diese

@media not all and (min-width: 500px) { 
    //selectors 
}

Sie auch auf Ihre Bedürfnisse je versuchen kann,

@media not screen and (device-width:500px)

Diese nicht

not (min-width: 500px) {}

https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries

Quelle

2016-04-12 21:59:30 myDoggyWritesCode

Ich bearbeite 'max' zu 'min'. Aus Versehen habe ich das hinzugefügt. Auch ich bin mir nicht sicher, warum Sie negieren wollen, wenn Sie "nur" Breite oder Gerätebreite in der Medienabfrage verwenden können. Können Sie bitte ausarbeiten, was Ihre Bedürfnisse sind, weil ich denke, dass dies durch eine gute Menge von min vermieden werden kann - und max-width media rules – myDoggyWritesCode

Ich habe nicht bekommen, was "99" in dieser Zeile ist "(min-width: 840px) und (max-height: 399px), wobei nur der 99 negiert werden muss". Möchten Sie auch in den Seitenverhältnis-Medienabfrageregeln schauen? Das könnte auch helfen. – myDoggyWritesCode

Gibt es eine Möglichkeit, @media min/max-width/height zu negieren?

Antwort

Verwandte Themen