어떻게 사업부

난 단지 CSS에게 내가 확대 될 때까지어떻게 사업부

모두가 잘 보이는 & HTML을 사용하여 웹 페이지를 만드는 오전 내부에 텍스트와 요소를 제한 않습니다. 나는 글자 확대되면 유출 시작 div의

나는이 문제를 어떻게 해결합니까?

2016-12-31 Aditya

문제는 반응 형 웹 디자인과 관련이 있습니다. 기본적으로 사람들은 거기에 자신의 스크린을위한 웹 사이트를 만듭니다. 그러나 모든 사람이 가지고있는 화면 해상도 나 뷰포트 등이 모두 동일하지는 않습니다.

솔루션 :

미디어 쿼리 : 미디어 쿼리와

당신은 사용자가 다른 해상도/뷰포트가 있거나 거기에 화면 크기를 조정하면 당신이 코드를 CSS를 변경할 수 있습니다.

@media (max-width: 979px) { 
    .h2 { 
     font-size: 10px; 
    } 
}

사용자의 화면 너비가 979px보다 작 으면 h2 태그의 글꼴이 10px로 변경됩니다. @media 규칙에 어떤 종류의 속성이 있는지 확인할 수 있도록 w3Schools 페이지에 대한 링크를 제공합니다.

팁 :. 당신은 크롬 개발자 도구를 열고 브라우저의 크기를 조정하여 해상도를 볼 수 있습니다 (왼쪽 상단)

당신이 앞으로 질문이 있으면 제가 설명 할 것이다 알려 주시기 바랍니다 미디어 쿼리에 대해 좀 더 알고 싶습니다.

2016-12-31 09:28:29 gwesseling

안녕하세요. 회신 해 주셔서 감사합니다. 그러나 나는 아직도 그것을 얻지 못합니다. [내 사이트] (http://adityathebe.com/ku) 링크가 있습니다. 무엇이 잘못되었는지 보시겠습니까? – Aditya

귀하의 .content div의 높이입니다. div의 높이를 항상 100 %로 변경해야합니다. 그렇지 않으면 화면 크기가 일정한 픽셀보다 작은 경우 글꼴 크기를 변경하는 미디어 쿼리를 작성해야합니다. – gwesseling

콘텐츠 div 높이를 100 %로 설정했지만 작동하지 않았습니다. – Aditya

답변