Bana miras kalan bir CSS dosyasında bu kod parçası buldum ama hiç biri mantıklı değil

@media screen and (max-width: 1024px){
    img.bg {
        left: 50%;
        margin-left: -512px; }
}

Özellikle ilk satırında ne oluyor?

Bir medya sorgu. Tarayıcı içerir testlerinden geçtiği sürece çalışacak olan içindeki CSS önler.

Bu medya sorgu testler şunlardır:

1. @media screen — olarak tanımlıyor tarayıcı “ekran” kategorisi. Bu tarayıcı, masaüstü tipi-örneğin karşıt olarak kendini düşünüyor demektir kabacaeskiMobil Tarayıcı (not iPhone ve diğer akıllı telefon tarayıcılar . telefon ^em>yapınekrandaki sayfayı görüntülemek yerine, baskı ekran kategorisinde yer olarak kendilerini tanımlamak), ya da bir ekran okuyucusu.

2. max-width: 1024px — tarayıcı penceresi (kaydırma çubuğu da dahil olmak üzere) genişliği veya daha az 1024 piksel. (*.*6)

İkinci test öneriyor bu amaçlanan sınırı CSS iPad, iPhone ve benzeri cihazlar (çünkü bazı eski tarayıcılar yok destek max-width medya sorgular ve bir çok masaüstü tarayıcı çalıştırmak daha geniş daha 1024 piksel).

Ancak, aynı zamanda 1024 piksel genişliğinde daha az masaüstü tarayıcı windows için geçerli olacak, max-width medya sorgu desteği olan tarayıcılarda.

İşte Medya Sorguları spec, oldukça okunabilir

• http://www.w3.org/TR/css3-mediaqueries/