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

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

아티스츠그라운드 11개월 전 조회 2,299

안녕하세요

 

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

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

 

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

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 포인트
s
sinbi Expert
11개월 전

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

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

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

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

답변에 대한 댓글 2개

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

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

11개월 전

height:50% !important;

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

로 박아넣어보세요. ㅋ

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

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

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

e
11개월 전

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

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

답변에 대한 댓글 2개

아티스츠그라운드
11개월 전
오.. 혹시, 이미지를 감추지 않고, 찌부시키는 효과는 있을까요??
e
eyekiss
11개월 전
메인 이미지를 원하는 사이즈로 잘라서 올리는게 제일 좋은 방법입니다.

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

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

로그인