сss (9) сss3 (14) ajax (2) css (42) drupal (7) Fix IE6 (4) font (4) html (23) javascript (22) jQuery (15) js (5) less (1) php (1) scss (1) soft (2) vue (1) webstorm (1) wordpress (1)

Адаптивная верстка (часть 2)

Размер блоков в зависимости от размера окна

Например, блок на маленьких разрешениях, должен занимать по ширине 95%, а на больших 70%
вот такой цсс, решает эту задачу:

.block{
  width: 70%;
}
@media only screen and (min-width: 240px) and (max-width: 980px) {
  .block{
    width: 95%;
  }
}