#kboard-customer-list-mobile { display: block; margin: 5% auto; width: 100%; }
이부분에 width 값을 조정했더니 데스크탑과 모바일 같이 변경이 되는데 각각 다르게 변경 할 수 있을까요?
안녕하세요~^^
화면을 보지 않고는 분명하게 도움을 드리기가 어렵습니다.
데스크톱과 모바일에 서로 다른 속성을 주고 싶다면 스타일시트(CSS)의 미디어 쿼리를 사용해보세요.
예제는 아래와 같습니다.
/* 일반적인 경우에 적용됩니다. */
#kboard-customer-list-mobile { display: block; margin: 5% auto; width: 100%; }
@media screen and (max-width: 600px) {
/* 이 안에 작성된 코드는 화면 크기가 600px 이하일 때 적용됩니다. */
#kboard-customer-list-mobile { display: block; margin: 2% auto; width: 100%; }
}
엄밀히 말하면 테스크톱과 모바일을 구분하는 게 아닌 화면의 크기를 따져서 적용됩니다.
따라서 데스크톱에서도 화면을 줄이면 적용됩니다.
구글에서 검색해보시면 다양한 예제를 찾아볼 수 있습니다.
고맙습니다.