비디오 플레이 리스트 스킨을 사용중입니다.
PC화면에서 검색 버튼, 인풋 부분의 넓이를 적당하게 수정했습니다
그런데 모바일 화면에서 사이즈가 맞지 않아 수정을 하려고 합니다.
PC화면 넓이는 그대로 유지하고 모바일 화면만 적당하게 수정할 수 있는 방법이 있을까요?
CSS로 수정이 가능하면 좋겠습니다.
도움 부탁드립니다.
안녕하세요~^^
모바일에서만 적용되는 코드를 추가하시려면 미디어 쿼리를 활용해보시겠어요?
미디어 쿼리는 아래의 코드를 적절히 활용해보세요.
@media screen and (max-width: 600px) {
/* 이곳에 모바일 CSS 코드를 추가해보세요. */
}
만약, PC 화면 관련 CSS 코드를 별도로 추가하셨다면
PC 화면 관련 CSS 코드 아래에 추가해보시겠어요?
고맙습니다.
위의 방법대로 css를 수정해보았는데요.
모바일 화면에 수정이 안되는군요. ㅜㅜ
CSS 코드는 저희가 페이지를 직접 봐야 도움을 드릴 수 있습니다.
실제 적용하신 PC, 모바일 코드와
비회원으로도 확인 가능한 페이지 주소 알려주시겠어요?
고맙습니다.
@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입니다.
검색 레이아웃의 너비를 20%로 설정한 이유가 있으신지요?
모바일에서는 표시해야 할 영역이 비교적 좁기 때문에
너비를 20%로 설정하실 경우 올려주신 사이트처럼 검색 레이아웃이나
동영상 업로드 쪽의 버튼이 잘려서 표시될 수도 있습니다.
고맙습니다.