Vakfı medya sorguları Vakfı olarak

Question

, ana CSS dosyası bu

meta.foundation-mq-small { 
    font-family: "/only screen and (max-width: 40em)/"; 
    width: 0em; } 

meta.foundation-mq-medium { 
    font-family: "/only screen and (min-width:40.063em) and (max-width:64em)/"; 
    width: 40.063em; } 

meta.foundation-mq-large { 
    font-family: "/only screen and (min-width:64.063em)/"; 
    width: 64.063em; } 

meta.foundation-mq-xlarge { 
    font-family: "/only screen and (min-width:90.063em)/"; 
    width: 90.063em; } 

meta.foundation-mq-xxlarge { 
    font-family: "/only screen and (min-width:120.063em)/"; 
    width: 120.063em; } 

Neden font-family özelliğinde medya sorgusu olduğunu başlar?

Answer 1

foundation.js on Github'a bakarsanız, medya sorgularını Javascript'e iletmek için yazı tipi-aile değerini kullanıyor olmaları gerekir. CSS'de geçerli bir font adıyla eşleşmeyecek ve sadece güvenli bir şekilde yok sayılacaktır.