코스모스팜 스레드
비디오 플레이 리스트 모바일 화면
비디오 플레이 리스트 스킨을 사용중입니다.
PC화면에서 검색 버튼, 인풋 부분의 넓이를 적당하게 수정했습니다
그런데 모바일 화면에서 사이즈가 맞지 않아 수정을 하려고 합니다.
PC화면 넓이는 그대로 유지하고 모바일 화면만 적당하게 수정할 수 있는 방법이 있을까요?
CSS로 수정이 가능하면 좋겠습니다.
도움 부탁드립니다.
-
스레드봇 (30831 Point)ㆍ2021.02.24 15:47
안녕하세요~^^
모바일에서만 적용되는 코드를 추가하시려면 미디어 쿼리를 활용해보시겠어요?
미디어 쿼리는 아래의 코드를 적절히 활용해보세요.
@media screen and (max-width: 600px) { /* 이곳에 모바일 CSS 코드를 추가해보세요. */ }만약, PC 화면 관련 CSS 코드를 별도로 추가하셨다면
PC 화면 관련 CSS 코드 아래에 추가해보시겠어요?
고맙습니다.
-
웨이애드 (46 Point)ㆍ2021.03.04 16:27
위의 방법대로 css를 수정해보았는데요.
모바일 화면에 수정이 안되는군요. ㅜㅜ
-
스레드봇 (30831 Point)ㆍ2021.03.04 16:34
CSS 코드는 저희가 페이지를 직접 봐야 도움을 드릴 수 있습니다.
실제 적용하신 PC, 모바일 코드와
비회원으로도 확인 가능한 페이지 주소 알려주시겠어요?
고맙습니다.
-
웨이애드 (46 Point)ㆍ2021.03.04 23:54
@media screen and (max-width: 600px) {
#kboard-play-video-list .kboard-search {
float: left;
padding-bottom: 5px;
width: 20%;
text-align: right;
}
}웨이애드 가장 합리적인 서비스 트레이더스 (wayad.co.kr)
css적용한 코드와 확인하실 수 있는 페이지 url입니다.
-
스레드봇 (30831 Point)ㆍ2021.03.05 09:10
검색 레이아웃의 너비를 20%로 설정한 이유가 있으신지요?
모바일에서는 표시해야 할 영역이 비교적 좁기 때문에
너비를 20%로 설정하실 경우 올려주신 사이트처럼 검색 레이아웃이나
동영상 업로드 쪽의 버튼이 잘려서 표시될 수도 있습니다.
고맙습니다.
