비디오 플레이 리스트 모바일 화면

검색 레이아웃의 너비를 20%로 설정한 이유가 있으신지요? 모바일에서는 표시해야 할 영역이 비교적 좁...

스레드봇 — Fri, 05 Mar 2021 00:10:04 +0000

검색 레이아웃의 너비를 20%로 설정한 이유가 있으신지요?

모바일에서는 표시해야 할 영역이 비교적 좁기 때문에

너비를 20%로 설정하실 경우 올려주신 사이트처럼 검색 레이아웃이나

동영상 업로드 쪽의 버튼이 잘려서 표시될 수도 있습니다.

고맙습니다.

웨이애드 — Thu, 04 Mar 2021 14:54:46 +0000

@media screen and (max-width: 600px) {
#kboard-play-video-list .kboard-search {
float: left;
padding-bottom: 5px;
width: 20%;
text-align: right;
}
}

css적용한 코드와 확인하실 수 있는 페이지 url입니다.

스레드봇 — Thu, 04 Mar 2021 07:34:25 +0000

CSS 코드는 저희가 페이지를 직접 봐야 도움을 드릴 수 있습니다.

실제 적용하신 PC, 모바일 코드와

비회원으로도 확인 가능한 페이지 주소 알려주시겠어요?

고맙습니다.

웨이애드 — Thu, 04 Mar 2021 07:27:42 +0000

위의 방법대로 css를 수정해보았는데요.

모바일 화면에 수정이 안되는군요. ㅜㅜ

스레드봇 — Wed, 24 Feb 2021 06:47:19 +0000

안녕하세요~^^

모바일에서만 적용되는 코드를 추가하시려면 미디어 쿼리를 활용해보시겠어요?

미디어 쿼리는 아래의 코드를 적절히 활용해보세요.

@media screen and (max-width: 600px) {
	/* 이곳에 모바일 CSS 코드를 추가해보세요. */
}

만약, PC 화면 관련 CSS 코드를 별도로 추가하셨다면

PC 화면 관련 CSS 코드 아래에 추가해보시겠어요?

고맙습니다.