Question

我的媒体查询不起作用，我不确定为什么。我查看了多个线程，但到目前为止它们都没有起作用，将不胜感激

css

@media (min-width: 1750px) {
  .logo{
    margin-left: 10%;
  }
}

html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Thomas Cook Virtual</title>
    <link rel="stylesheet" type="text/css" href="index-css.css">
    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400" rel="stylesheet"> 
    <link href="https://fonts.googleapis.com/css?family=Oswald:300,400" rel="stylesheet"> 
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
</head>
<body>
    <header class="header">
        <a href="index.php" class="logo"><img src="tcgvt.png" id="logo"></a>
        <input class="menu-btn" type="checkbox" id="menu-btn" />
        <label class="menu-icon" for="menu-btn"><span class="navicon"></span></label>

        <h1 class="headertext">---</h1>

        <ul class="menu">
            <li><a href="index.php">Home</a></li>
            <li><a href="about.php">About</a></li>
            <li><a href="service.php">Login</a></li>
            <li><a href="service.php">Sign Up</a></li>
            <li><a href="service.php">Help</a></li>
         </ul>
    </header>
</body>
</html>

我的媒体查询无效，我也不知道为什么

0 个答案: