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>

섹션 <head> 추가 @media 규칙을 해결하려면

출처

2016-12-15 khalid essalhi

이것은 매우 광범위한 질문을, 그리고 보이지 않는 귀하의 CSS가 잘못되었습니다. [이 MDN 하나] (https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries)와 같은 훌륭한 온라인 자습서 중 하나를 사용해 보셨습니까? – samiles

예제가 꽤 괜찮습니다. (적어도 나를 위해) – theoretisch

화면 크기를 변경할 때 텍스트 색상이 빨간색 일 것으로 예상되지만 아무 일도 일어나지 않습니다. –

당신의 도움을 주셔서 감사합니다 :

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

출처

2016-12-15 09:42:53 Alex

이것은 미디어 쿼리 지식이 필요하고 효과적으로 사용하는 방법으로 충분하지 않습니다. –

감사합니다. , 이것은 문제를 해결했다. –

CSS 크기에 따라

답변

관련 문제