안녕하세요.
궁금한 내용이 있어서 문의드립니다.
현재 케이보드 스킨 하나를 css조절과 디자인 작업 되어있는게 있는데(koalaa-news-feed : 새로운 스킨) 각기 스킨별(koalaa-news-feed-ver1, koalaa-news-feedver2)로 이미지나, 동영상 노출 싸이즈를 다르게 하려고 합니다.
가능한가요?
해당 스킨 css에 미디어 부분이 없는것 같은데 어떻게 코딩을 해야 할까요?
---------- 현재 싸이즈 ----------------
@media (max-width: 375px)
.kboard-media-wrap .image-area .mobile-img {
width: 100%;
height: 375px;
----------- 요청 싸이즈 ----------------
@media (max-width: 375px)
.kboard-media-wrap .image-area .mobile-img {
width: 100%;
height: auto;
이미지 예시
https://imgur.com/4uycN9k
https://www.koalaa.kr/myvideo/
안녕하세요~^^
KBoard 게시판 스킨에서 모바일에 적용되는 코드는
FTP로 접속해서 /wp-content/plugins/kboard/skin/사용중인스킨/style.css 파일에
아래의 코드에 적용되어 있습니다.
@media screen and (max-width: 600px) {
...
}
올려주신 이미지처럼 적용하시려면
아래의 CSS 코드를 활용해보시겠어요?
@media screen and (max-width: 600px) {
#kboard-koalaa-news-feed-list .kboard-media-wrap .image-area .mobile-img {width: auto;height: auto;max-width: 100%;margin: 0 auto;}
}
고맙습니다.