이전 목록 다음
채택완료

CSS 고수님 계신가요? Heigth가 안되요..ㅜㅜ

2024-11-29 (금) 11:15:35 2,889

안녕하세요

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

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

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

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

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

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

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

https://artistsground.co.kr/

[ 메인 사진 ]

2944235902_1732846171.4169.jpg

|

답변 3개 / 댓글 4개

채택된 답변
+20 포인트

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

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

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

답변에 대한 댓글 2개

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

height:50% !important;

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

<style></style> 로 박아넣어보세요. ㅋ

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

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

답변에 대한 댓글 2개

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

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