Вед-дев, Сео, Манимейкинг

CSS3 Media Queries примеры

CSS3 Media Queries примеры

В CSS3 доступна фишка - Media Queries. При помощи неё мы можем показывать определенные стили при определенном разрешении экрана. Например, вы можете иметь один CSS файл для больших экранов, а другой для маленьких. Это необходимая вещь для адаптивной вёрстки.

Max Width

Код ниже будет действителен при ширине меньше чем 600px

@media screen and (max-width: 600px) {
  .block {
    background: #000;
  }
}

Если вы хотите посвятить весь CSS файл определенному размеру:

<link rel="stylesheet" media="screen and (max-width: 600px)" href="small.css" />

Min Width

Если ширина экрана больше чем 900px

@media screen and (min-width: 900px) {
  .block {
    background: #666;
  }
}

Множественные условия

Также мы можем писать множественные условия. Если минимальная ширина от 600px и максимальная ширина 900px

@media screen and (min-width: 600px) and (max-width: 900px) {
  .block {
    background: #333;
  }
}

Device Width

Если ширина устройства 480px.
max-device-width означает настоящее разрешение устройства, а max-width означает разрешение видимой области.

@media screen and (max-device-width: 480px) {
  .block {
    background: #000;
  }
}


Комментарии (0)

Разделы

Подписаться

Подписка на RSS-лента последние записи из Блога

Комменты

  • Olzhas 9 месяцев 3 недели назад
    Спасибо. С Новым Годом! 
  • Den 10 месяцев 2 недели назад
    В первой функции, при создании переменной $li_previous нужно поменять '←' с NULL, в $li_next сделать тоже самое. 
  • Гость 10 месяцев 3 недели назад
    Если все ровно так как было описано, то нет никаких сомнений что домен увел сам регистратор. Потому что вероятность того 
  • Валерий 11 месяцев 2 недели назад
    да можно делать импорт-экспорт только лишь в оболочке на входя на mysql сервер 
  • admin 11 месяцев 2 недели назад
    Валерий, а зачем вам именно так делать экспорт? Если я не ошибаюсь, то там нет какой-либо команды чтобы сделать экспорт 
  • Валерий 11 месяцев 3 недели назад
    захожу на mysql через ssh по команде  
  • admin 11 месяцев 3 недели назад
    Добрый вечер, какой у вас клиент? 
  • Валерий 11 месяцев 3 недели назад
    Здравстуйте, есть команда чтобы сделать экспорт базы внутри mysql клиента? 
  • Eduard 1 год 1 день назад
    Видать, домен хороший был. Заявление пробывали писать на мошенника? 
  • Stas 1 год 1 месяц назад
    Ошибка в ключе квантификатора - replace(/будешь|пить/ig, "хлеб"); Указать -g для прохода по всем совпадениям!