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取決於屏幕尺寸

回答

相關問題