채택완료

메인비주얼이미지 CSS 질문 드립니다.

2020-06-07 (일) 13:25:25 5,579

http://sisatapa.keojisen.com/

이렇게 만들고 있는데 모바일에서 보면 메인비주얼 이미지가 100%로 되어서 다 들어오느라 비율대로 줄어들 경우에는 너무 얇아지고, 세로높이 고정하자니 찌그러지고 하는데요.

모바일에서는 메인비주얼의 중앙부위 한 500px정도만 출력되게 하려면 어떻게 해야 할까요.

백그라운드로 처리하지 않고 뷰영역을 그렇게 잡는게 가능한지 문의 드립니다.

2949796272_1591503892.9309.png

모바일에서는 이정도만 출력되도록 하고 싶습니다.

|

답변 3개

채택된 답변
+20 포인트
2020-06-07 (일) 13:28:40

background는 알겠는데  img css로 잡는건 잘모르겠는데

https://www.codingfactory.net/10636 이거 참고하면 되지 않을가여

반응형 사이트내요.

디자이너 분한테 모바일 사이즈 배너 제작해 달라하세요

미디어 쿼리 쓰셔서 모바일 사이즈일때 노출되게끔 하시면 될듯한데요

2020-06-08 (월) 00:31:13

height vh나 width vw를 사용해보세요

답변을 작성하려면 로그인이 필요합니다.