Question

我尝试根据屏幕大小更改CSS，我尝试用一个简单的例子来理解原理，除了它对我不起作用，这是我的代码。

    @media (max-width: 800px) {
       p{
      	color: red;
        }
    }

    <head>
    	<title>Css depending on screen size</title>
    	<link rel="stylesheet" type="text/css" href="style.css">
    </head>
    <body>
    <p>This is a test paragraphe</p>
    </body>

感谢您的帮助

Answer 1

要工作规则@media add section <head>：

<meta name="viewport" content="height=device-height, width=device-width, initial-scale=1">

Css取决于屏幕尺寸

1 个答案: