동일한 설정을하면 표현하고 싶은것과 다르게 보여서
뵈기 싫게 나오는데
이때 차이를 두는 방식입니다
/* 페이지 네이션 테블릿 이하 설정 */
@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% ;
}
}
노란색으로 표시한곳이 크기를 선언하는 곳이고
저렇게 해당기기의 사이즈에 맞게 원하는 항목의 세팅값을 넣어주면
피시와 모바일 태블릿 스크린사이즈에 맞게 세팅값을 불러오는거니
최적화가 되는것입니다~
저는 헌혈하러 가따오겠습니당 ㅋㅋ 피뽑으라고 연락와서 가야함
애국자 스웩~~~
