[티스토리 스킨] 피시pc 모바일mobile 태블릿tablet 사이즈에 맞기 따로설정 하는법

동일한 설정을하면 표현하고 싶은것과 다르게 보여서

뵈기 싫게 나오는데

이때 차이를 두는 방식입니다

 

/* 페이지 네이션 테블릿 이하 설정 */
@media screen and (min-width: 768px) and (max-width: 991px) { 
    .pagination > .numbox > a > span,
    .pagination > .numbox > span    {
        display: none;
    }
    .pagination > .numbox > a > span.selected {
        display: inline-block;
        padding: 1rem 2.5rem;
    }
    .pagination > a > span {
        padding: 1rem 3rem;
    }

}
/* 페이지 네이션 모바일 이하 설정 */
@media screen and (max-width: 767px) { 
    .pagination > .numbox > a > span,
    .pagination > .numbox > span    {
        display: none;
    }
    .pagination > .numbox > a > span.selected {
        display: inline-block;
        padding: 1rem 1.5rem;
    }
    .pagination > a > span {
        padding: 1rem 2rem;
    }
.guestbook {
margin:0 auto;
width:100% ;

}
}

 

노란색으로 표시한곳이 크기를 선언하는 곳이고

저렇게 해당기기의 사이즈에 맞게 원하는 항목의 세팅값을 넣어주면

피시와 모바일 태블릿 스크린사이즈에 맞게 세팅값을 불러오는거니

 

최적화가 되는것입니다~

 

저는 헌혈하러 가따오겠습니당 ㅋㅋ 피뽑으라고 연락와서 가야함

애국자 스웩~~~