Css取决于屏幕尺寸

-1

我尝试根据屏幕大小更改CSS，我试着用一个简单的例子来理解原理，但它不适用于我，这里是我的代码。Css取决于屏幕尺寸

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

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

谢谢您的帮助

来源

2016-12-15 khalid essalhi

这是一个很宽泛的问题，它看起来并不像你的CSS是错的。您是否尝试过其中一个优秀的在线教程，例如[此MDN之一]（https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries）？ – samiles

你的例子工作得很好（至少对我来说） – theoretisch

当我改变屏幕尺寸时，我希望文本颜色是红色的，但没有任何反应。 –

若要规则@media添加部分<head>：

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

来源

2016-12-15 09:42:53 Alex

只有这样才不够他还需要媒体查询知识以及如何有效地使用它们 –

谢谢这解决了这个问题 –

Css取决于屏幕尺寸

回答

相关问题