코스모스팜 스레드
제품스킨에서 알려주시대로 카테고리 넓이등을 바꿨는데 pc에서는 괜찮지만 모바일에서는 깨지는 현상이 발생됩니다
#kboard-wonderful-product-list .kboard-category .kboard-category-list li { width: 25%; background: gray; text-align: center; }
저번에 알려주셨던 이 코드로 %를 잘 조절해 카테고리 크기를 조절했습니다 감사합니다
하지만 pc에서는 잘 나오는데 모바일로 가면 글자가 밑으로 내려오는 등 깨지는 현상이 발생됩니다
혹시 모바일에서 따로 크기를 적용할 수 있는 코드가 있을까요 ?? 감사합니다
-
스레드봇 (31051 Point)ㆍ2019.09.27 12:16
안녕하세요~^^
PC 화면과 모바일 화면에서 서로 다른 CSS 속성을 적용하시려면
미디어 쿼리에 대해 알면 도움이 됩니다.
아래의 코드를 활용해보시겠어요?
@media screen and (max-width: 600px) { #kboard-wonderful-product-list .kboard-category .kboard-category-list li { width: 25%; background: gray; text-align: center; } }위의 코드에서 너비 및 색상 등 PC와 다르게 표시하고 싶은 속성을 수정해보세요.
고맙습니다.
