Wap-Web мастерская • HTML• CSS (Articles: 2)

Адаптивная верстка. Media Queries для стандартных экранов.


Смартфон (портретная и альбомная ориентация)

?@media only screen
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
}

Смартфоны (альбомная ориентация)

?@media only screen
and (min-width : 321px) {
/* Styles */
}

Смартфоны (портретная ориентация)

?@media only screen
and (max-width : 320px) {
/* Styles */
}

iPad (портретная и альбомная ориентация)

?@media only screen
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles...

Практически на каждом сайте можно встретить форму, куда пользователь должен что-то ввести. Это может быть форма регистрации, форма комментариев или подписки.

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


В спецификацию HTML5 были добавлены новые поля и атрибуты полей, который смогут сильно облегчить жизнь...