기본 블로거 템플릿에 대한 반응 형 미디어 쿼리를 추가하는 방법

Question

기본 블로거 템플릿에 대한 반응 형 미디어 쿼리를 추가하는 방법, 두 Google 검색 결과를 모두 시도했지만 찾지 못했습니다. 마침내 나는 전문가에게 물었다. 어떻게해야합니까?

이것은 내 블로그 사이트입니다. Gossip Lanka 누구든지이 템플릿을보다 반응 적으로 만드는 방법을 알려줍니다.

Answer 1

모바일과 같은 소형 장치에 블로그를 표시하려는 경우 css 파일에 @media 쿼리를 추가 할 수 있습니다. 삼성 갤럭시 S5와 같은 스마트 폰 기기의 경우 이와 같은 것을 원할 것입니다.

@media screen and (max-width: 360px){ 
      #id or .class{ 
        code... 
      } 
} 

또한, 당신은 당신의 머리이 작동하려면

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

에 필요합니다.

모바일 장치에 표시 될 때 이러한 쿼리를 추가하면 CSS가 조정됩니다. 타블렛과 같은 다른 크기의 장치를 연구 할 수있는 다른 너비 크기가 있습니다.