Новости

Как правильно применять в JavaScript асинхронные функции: примеры работы с ES 2017
От автора: возможность писать на JavaScript асинхронные функции является важным обновлением в ES2017. Что такое асинхронные функции? Асинхронные функции — это функции, которые возвращают promise. Мы

WordPress JavaScript — как правильно подключить файл скрипта к шаблону сайта
Использование в шаблонах WordPress JavaScript скриптов давно стало обычным делом. Их подключение возможно несколькими способами, начиная с классического варианта с использование голого HTML. Но чтобы все

Как исправить JavaScript error "ВКонтакте"? Что делать при ошибках JavaScript в "ВКонтакте"?
"ВКонтакте" - это на сегодняшний день самый удобный русскоязычный ресурс, который является не только популярнейшей социальной сетью, но и сервисом для прослушивания аудиозаписей и просмотра видео. Здесь

Правильное использование Tor Browser
Tor Browser полностью анонимен – Миф или реальность? Многие считают, что Tor — это полностью анонимное и безопасное средство для интернет-серфинга, которое не дает никому возможность контролировать то,

Javascript error object is not a function вконтакте как исправить
"ВКонтакте" - это на сегодняшний день самый удобный русскоязычный ресурс, который является не только популярнейшей социальной сетью, но и сервисом для прослушивания аудиозаписей и просмотра видео. Здесь

Как исправить ошибку javascript error вконтакте
На сегодняшний день «Вконтакте» является наиболее удобным русскоязычным ресурсом, который представляет собой не только крупнейшую социальной сеть, но и сервис для просмотра видео и прослушивания аудиозаписей.

Что такое JavaScript и для чего он используется?
Подробности декабря 10, 2015 Просмотров: 20225 В интернете миллионы веб-страниц,

Практика javascript синтаксис написания
Javascript — это язык программирования, который активно используется для построения динамических веб страниц. Собственно с этой целью он и был изобретен. У нашего с вами языка еще есть такое интересное

JavaScript учебник
Код функций в JavaScript начинает выполнение после их вызова. Функции являются одним из наиболее важных строительных блоков кода в JavaScript. Функции состоят из набора команд и обычно выполняют

Рекомендации решившим начать изучать JavaScript
Если вы решили начать изучать JavaScript , то эта статья для вас. Надеюсь, что её прочтение избавит вас в будущем от множества ошибок и сделает его изучения более простым, быстрым и эффективным. В статье

CSS3 Media Queries становится официальной рекомендацией W3C

Опубликовано: 01.09.2018

CSS3 Media Queries

CSS3 Media Queries  модуль был выпущен в качестве официальной рекомендации W3C от 19 июня 2012 года, по случаю окончания цикла разработки, которая началась более десяти лет назад (первый рабочий проект спецификации был опубликован 4 апреля 2001 года).

Стандарт CSS3 Media Queries  - позволяет создавать дизайн веб-проектов, адаптированных к различным устройствам, таким как персональные компьютеры, планшеты, мобильные телефоны. Отображение веб-сайта происходит по-разному в зависимости от размера экрана или соотношение сторон устройства. Данная инновационная разработка стала одной из самых обсуждаемых тем в области CSS3 в последние месяцы, так как концепция реагирующего дизайна постоянно набирает обороты, в основном в результате быстрого роста числа различных устройств (и различных разрешений экранов), на которых пользователи могут заходить в Сеть (смартфоны, планшеты и даже современные телевизоры).

Для использования CSS3 Media Queries необходимо создать и подключить новый css файл:

<link href="queries.css" rel="stylesheet">

В данном файле необходимо прописывать стили, которые будут менять размеры контейнеров, в зависимости от разрешения экрана:

@media (min-width: 768px) and (max-width: 979px) { .container { width: 760px; } }

 

Конечно, если у вас изначально резиновая верстка, то ширину контейнеров необходимо задавать в процентах, как и все отступы, размеры шрифтов и т.д.

Демонстрацию возможностей CSS3 Media Queries можно посмотреть на сайте Microsoft . Чтобы увидеть, как изменяются размеры блоков, просто измените размер окна своего браузера!
rss