Не работает @media only screen and

Обсуждение вопросов, проблем связанных с обучением CSS

Не работает @media only screen and

Сообщение Саша » 20 янв 2015, 21:55

Пытаюсь научиться верстке (с помощью Notepad++) - и вот хочу разобраться в командой "@media only screen and" - но она у меня почемуто не работает. Notepad++ ее даже почемуто не выделяет отдельным цветом как другие команды. Может ктото подсказать мою ошибку?

в html:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ULRET</title>
<link rel="stylesheet" href="red.css">
</head>
<body>
<div class="block"></div>
</body>
</html>


в CSS:

body {font: 1em Arial; background: blue; padding-top: 15px;}
.block {background: #333;
width: 940px;
height: 200px;
margin: 5px auto;
border-radius: 5px;
box-shadow: 0 2px rgba(0,0,0.4);}

@media only screen and (max-width: 950px; ) {.block{width: 600px; background: red;}}
Саша
 
Сообщения: 4
Зарегистрирован: 10 янв 2015, 16:59

Вернуться в CSS

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 1

cron
Рейтинг@Mail.ru