Yazdırma ortamı ve varsayılan düzen için aynı CSS stil sayfasını kullanmanın bir yolu var mı?

Question

Baskı ortamı için aynı stil sayfasını varsayılan ekran düzeni için kullanmanın bir yolunu arıyorum. Benim için avantaj, CSS'yi her güncellediğimde 2 dosyayı güncellemem gerekmeyecek. Bir stil sayfasına sahip olmayı ve baskı ortamları için bunları bir şekilde ifade ederek özel kurallar belirlemeyi tercih ederim… Bu mümkün olmayabilir, ama ben soruyu oraya koyacağımı düşündüm. tüm tarayıcılarda desteklenen eğer dürüstçe bilmiyorum ancak bu sözdizimi, var

Answer 1

(olması gerektiği):

@media print { 
    body { 
     background: #fff; 
     color: #000; 
    } 
    /* etc */ 
} 

media part of the CSS2 standard at W3 bakınız.

Answer 2

Stillerin tüm ortamlarda aynı olmasını istiyorsanız, stil sayfasındaki normal stilleri normal olarak tanımlayın (yani herhangi bir medya kuralında değil), ardından medyaya özgü öğeleri ilgili kurallara yerleştirin. Bazı stiller medyanın alt kümesine uygulamak istiyorsanız

, bunu şöyle yapabiliriz: Burada

@media print { 
    body { font-size: 10pt } 
} 
@media screen { 
    body { font-size: 13px } 
} 
@media screen, print { 
    body { line-height: 1.2 } 
} 

Sadece ben Safari 4'te çalışması gereken relevant W3C page