CSS'nin korkunç derecede dağınık olduğu bir web sitesinde çalışıyorum.İç içe geçmiş ortamdaki medya sorguları
Fark ettiğim ilk şey, medya sorgularının aşağıdaki karmaşa içinde olmasıydı ... elbette bu yanlış mı? Doğru sıraya göre yeniden düzenlemek mantıklı olur mu? Büyük miktarda iş olmadan bu mümkün mü? Mümkün olduğunca çok tekrardan kaçınmak istiyorum, bu yüzden doğru sıra ne olurdu, bu sınır değerlerden bazılarını ortadan kaldırabilir miyim? kodunuzu Aynı @media
sorgularda
@media screen and (max-width:997px)
@media screen and (min-width:674px) and (max-width:997px)
@media screen and (max-width:997px)
@media screen and (min-width:998px)
@media screen and (max-width:768px)
@media only screen and (min-width: 998px)
@media only screen and (max-width: 997px) and (min-width: 674px)
@media only screen and (max-width: 673px)
@media print
@media only screen and (max-width: 997px)
@media only screen and (max-width: 768px)
@media only screen and (min-width: 769px) and (max-width: 997px)
@media only screen and (min-width: 674px) and (max-width: 997px)
@media only screen and (max-width: 673px)
@media only screen and (min-width: 998px)
@media only screen and (min-width: 674px) and (max-width: 997px)
@media only screen and (max-width: 673px)
@media only screen and (max-width: 551px)
@media only screen and (max-width: 440px)
@media only screen and (max-width: 380px)
@media screen and (max-width:997px)
Evet, çoğaltıldığı olanlar ... – aphextwix
bu medya sorguları herhangi arasındaki CSS seçicileri var mı? Geliştirici, SASS gibi bir ön işlemciyle çalışıyorsa, daha sonra CSS içine yerleştirilmiş sass-breakpoint gibi bir breakpoint yöneticisi ile yuvalanmış medya sorguları kullanıyor olabilir. Kesme noktalarını seçerken dikkat edilmesi gereken –
: http://stackoverflow.com/q/8564752/3597276 –