CSS

2011-01-28 43 views
6
ile akış düzenleri

Sıvı yerleşimi kullanan bazı sitelerde farkettim, sayfadaki öğeleri kaldırmak ve pencere daha küçük bir boyuta küçültüldüğünde öğeleri değiştirmek mümkündür, açıkçası içeriği daha kolay görüntülemek için.CSS

örn: http://simplebits.com/

Sorum (.. belki JavaScript css ise) bunu gerçekleştirmek için kullanılıyor hangi css .. nedir? Bu teknik hakkında daha fazla bilgi edinmek için nelere bakmalıyım?

Teşekkürler!

+1

Siteleri gibi ..? –

+0

@David iyi nokta, eklendi. – Alex

cevap

8

Stil sayfası, ekranın genişliği 800 pikselden daha büyük olduğunda farklı kurallar içerir. Eğer sayfa için stil bakarsak şöyle hattı 983 üzerinde bir @media kural var: Sitenin eski tarayıcılar için olduğu gibi güzel restyle etmediğini tahmin böylece

@media screen and (max-width: 800px) { 
    /* Alternate rules here*/ 
} 

Bu CSS3 özelliğidir. (Jim belirttiği gibi, duyarlı tasarım olarak adlandırılır) medya sorguları Detaylar http://www.w3.org/TR/css3-mediaqueries/#width

+0

mükemmel yanıt! çok teşekkürler :) – Alex

5

tasarım Bu tür daha yaygın "akışkan" tasarımı genellikle genişliği sabit değildir tasarım olarak adlandırılır oysa "duyarlı" tasarımı olarak bilinir.

Böyle tasarımlar üretmek için CSS medya sorgularını kullanabilirsiniz.