Wyjazd: http://thinkvitamin.com/CSS: Ukryj kolumnę gdy szerokość zmniejsza
Jak zmniejszyć rozmiar przeglądarki, w pewnym momencie prawa kolumna po prostu znika. Całkiem przyjemna degradacja, a to sprawia, że jest to dość elastyczny projekt. Nie widzę jednak żadnego specjalnego CSS. Czy to JavaScript, czy może to w jakiś sposób zostać osiągnięte tylko za pomocą CSS?
Robi się to przy użyciu czystego CSS, a mianowicie przy pomocy zapytań o media CSS3.
Spec: http://www.w3.org/TR/css3-mediaqueries/
Tutorial: http://webdesignerwall.com/tutorials/css3-media-queries
wsparcie Przeglądarka: http://caniuse.com/css-mediaqueries (działa "wszędzie" z wyjątkiem IE8 i dolny)
Powodem że odcinki po prawej zniknie to dlatego, że mają to w ich CSS:
width: 24%;
float: right;
jeśli szerokość zostałby ustawiony na stałą szerokość sekcje byłby spadł na dnie artykuł.
Nie widzę, dlaczego to znika ...? Byłoby to po prostu nieskończenie małe, ponieważ zmniejszyłoby się rozmiar, powiedziałbym. Podobnie jak: http://jsfiddle.net/mWYBX/ – user852091
Niektóre podobne linki można znaleźć na http://css-tricks.com/ - Chris Coiyer napisał kilka doskonałych artykułów na ten temat: http: // css- tricks.com/6731-css-media-queries/, http://css-tricks.com/6206-resolution-specific-stylesheets/ – Nightfirecat