Исчезновение фиксированного div при изменении размера окна - PullRequest
Новая
       13

Исчезновение фиксированного div при изменении размера окна

0 голосов
/ 05 февраля 2012

Фиксированная панель на http://mondaybynoon.com/ исчезает, когда окно имеет ширину <960. Для этого не используется JS. Может кто-нибудь объяснить, как это реализовано? </p>

Ответы [ 3 ]

2 голосов
/ 05 февраля 2012

Они используют правило @media.

Фрагмент из их CSS: 

@media (max-width:950px) {
    #sidebar { display:none; }
    #content { margin-left:20px; }
    ...
}

Документация: http://www.w3.org/TR/css3-mediaqueries/#width

2 голосов
/ 05 февраля 2012

Он использует media query для этого адаптивного веб-сайта.

Вы можете определить в HTML следующим образом: 

<link rel='stylesheet' media='screen and (max-width: 900px)' href='css/medium.css' />

ИЛИ Вы можете определить в CSS следующим образом:

@media screen and (max-width: 900px){
  body {
    background: #ccc;
  }
}

проверьте эти статьи для получения дополнительной информации http://css -tricks.com / css-media-query / , http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/

0 голосов
/ 05 февраля 2012

Они используют css для этого.У них есть правила, которые говорят, что когда ширина браузера равна этой определенной ширине, реализуйте этот CSS.

...