테스트 사이트 - 개발 중인 베타 버전입니다

CSS 고수님 계신가요? Heigth가 안되요..ㅜㅜ 채택완료

1년 전 조회 2,308

안녕하세요

 

메인 싸이트에 그림이 너무 커서 가로길이 말고

세로 길이만 줄이고 싶은데..

 

개발자 도구 들어가서 메인 사진의

height 관련 값들 다 최대한 낮춰도 적용되질 않네요...

width 값을 100%에서 50%로 낮추니깐 가로세로 다 작아져 버리는데...

세로길이만 어떻게 낮춰야 할지 모르겠습니다...ㅜㅜ

 

아래 사이트의 메인 슬라이드 사진입니다.

https://artistsground.co.kr/">https://artistsground.co.kr/

 

[ 메인 사진 ]

http://sir.kr/data/editor/2411/2944235902_1732846171.4169.jpg" width="100%" />

 

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

답변 3개

채택된 답변
+20 포인트

이미지 자체의 높이를 자르세요.

안 그럼, CSS로 높이만 줄이면 이미지가 찌부됩니다.

PS. https://homzzang.com/b/css-437

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

아.. 이미지 높이를 바꾸는 방법을 생각 못 했네요...;
혹시, 이미지를 찌부시키는 효과도 있을까요??
원본이미지 비율과 가로세로 길이 비율이 다르게 줄이면 이미지가 좀 찌부돼서 보이고,
링크된 clip 관련 속성을 이용하면 찌부되는 거 없이 일부만 자를 수도 있습니다.
eyekiss 님이 적어주신 소스를 이미지의 부모요소에 적용해 이미지 일부를 감출 수 있구요.

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

height:50% !important;

넣어보시고, 안돼면, css를 php 파일 자체에다

로 박아넣어보세요. ㅋ

그누보드가 뭔가 가끔 외부 css 못읽어 오는 경우가 있어서요. ㅋ

로그인 후 평가할 수 있습니다

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

height:400px; overflow-y:hidden; 이렇게 줘보세요. 아래 부분이 감춰지는 효과 입니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

오.. 혹시, 이미지를 감추지 않고, 찌부시키는 효과는 있을까요??
메인 이미지를 원하는 사이즈로 잘라서 올리는게 제일 좋은 방법입니다.

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

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

로그인

전체 질문 목록

🐛 버그신고