Я не могу заставить мой медиа-запрос работать на адаптивном сайте - PullRequest
0 голосов
/ 09 января 2019

Простите меня, поскольку я новичок в CSS и веб-разработке все вместе. У меня есть метатег viewport, и у меня есть медиа-запрос в отдельном файле CSS. Я просмотрел свой код, и в HTML-документе нет никаких изменений стиля, и я не вижу ничего в style.css, которое должно переопределяться. Я не могу найти свою ошибку.

index.html

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">        
    <title>TITLE</title>
    <link rel="stylesheet" type="text/css" href="../css/responsive.css"/>
    <link rel="stylesheet" type="text/css" href="../css/style.css"/>
</head>

// responseive.css

@media (max-width: 768){  
    body{  
    display:none;  
    }  
}

1 Ответ

0 голосов
/ 09 января 2019

Вы забыли устройство px:

@media (max-width: 768)

должно быть

@media (max-width: 768px)    
...