<![CDATA[제품스킨에서 알려주시대로 카테고리 넓이등을 바꿨는데 pc에서는 괜찮지만 모바일에서는 깨지는 현상이 발생됩니다]]> https://www.cosmosfarm.com/threads/rss/document/37323 #kboard-wonderful-product-list .kboard-category .kboard-category-list li { width: 25%; background: gray; text-align: center; }

저번에 알려주셨던 이 코드로 %를 잘 조절해 카테고리 크기를 조절했습니다 감사합니다 

하지만 pc에서는 잘 나오는데 모바일로 가면 글자가 밑으로 내려오는 등 깨지는 현상이 발생됩니다 

혹시 모바일에서 따로 크기를 적용할 수 있는 코드가 있을까요 ?? 감사합니다 

]]> Copyright 2026, 코스모스팜 <![CDATA[안녕하세요~^^ PC 화면과 모바일 화면에서 서로 다른 CSS 속성을 적용하시려면 미디어 쿼리에 대해 알...]]> https://www.cosmosfarm.com/threads/document/37331 안녕하세요~^^

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와 다르게 표시하고 싶은 속성을 수정해보세요.

고맙습니다.

 

]]> 스레드봇 Fri, 27 Sep 2019 03:16:43 +0000 KBoard