2016-04-12 17 views
0

Mevcut görünümüne bağlı olarak farklı tasarımlara sahip olmak için http://www.w3.org/TR/css3-mediaqueries/ kullanıyorum.@media min/max-width/height öğelerini reddetmenin bir yolu var mı?

Arama ve değiştirme işlemimin işe yaraması için, kesme noktalarını ayarladığım her seferinde, (max-width: 500px)'da kesişen @media (min-width: 500px)'u açıkça reddetmek istiyorum ve bu nedenle, Bunun yerine, (max-width: 499px) olarak el ile reddedildi, daha sonra arama ve değiştirmeyi bozar.

not (min-width: 500px)'u denedim, ancak hiç çalışmıyor gibi görünüyor. @media (min-width: 500px)'u reddetmenin bir yolu var mıdır, öyle ki negatif sorgu hala işe yarayan benim için 500px içeriyor mu?

+0

çalışmıyor deneyin Bu min-genişliğini asla kullanmam. Büyük başlıyorum ve çalışıyorum ... [at] medya ekranı ve (maks. Genişlik: 1025px) {/// geçersiz kılmalar} [at] medya ekranı ve (maks. Genişlik: 769px) {/// 1024px geçersiz kılınmış} Css sematntik olduğundan, her zaman bu şekilde daha küçük ekranlarla geçersiz kılınacaksınız. – user1712691

+0

Neden (min-width: 500px) 'çalışmadı, belgelerinizi takip ettiğinizi varsayarak ve hepsini yazdı mı (min-width: 500px)'? –

+0

Harika! 'Ve hepsini' deneyeceğim. Ancak, diğer ifadelerle birleştirmek ne olacak? Örneğin. 'sadece '99' birinin reddedilmesi gereken' (min-width: 840px) ve (max-height: 399px) 'yi nasıl çevirebilirim? – cnst

cevap

0

ben yapmazdım Ayrıca ihtiyaçlarınıza bağlı olarak deneyebilirsiniz bu

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

,

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

Bu

not (min-width: 500px) {} 

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

+0

Serin! 'Ve hepsini' deneyeceğim. Ancak, diğer ifadelerle birleştirmek ne olacak? Örneğin. 'sadece '99' birinin reddedilmesi gereken' (min-width: 840px) ve (max-height: 399px) 'yi nasıl çevirebilirim? – cnst

+0

'max' ifadesini 'min' olarak yapıyorum. Yanlışlıkla bunu ekledim. Ayrıca, sadece "değil" genişliğini veya medya genişliği cihaz genişliğini kullanabileceğinizi neden inkar etmek istemiyorum. İhtiyaçlarınız ne olursa olsun detaylandırır mısınız, çünkü bunun iyi bir set min tarafından önlenebileceğini düşünüyorum. - ve maksimum genişlikli medya kuralları – myDoggyWritesCode

+0

Bu satırda "99" olanı almadım "(min-width: 840px) ve (max-height: 399px), sadece 99'unun reddedilmesi gerekiyor". Ayrıca, en boy oranı medya sorgu kurallarına bakmak ister misiniz? Bu da yardımcı olabilir. – myDoggyWritesCode

İlgili konular