안녕하세요 선생님.
현재 마이포겔을 이용해서 포트폴리오 사이트를 작업중인 학생입니다.
다름아니라 포트폴리오 상세 내용 중 이미지 부분이
CSS를 조정해도 변경이 되지 않아 문의드립니다.
화면 같이 첨부하여 보내드립니다.
보시면 이미지가 element.style로 height, width가 지정이 되어
변경이 되지 않는 것 같는데 해결방법을 몰라 문의드립니다:)
답변이 많이 늦었네요.
보통 질문이 올라오면 이메일로 통지가 오는데 그게 안되었던 것 같습니다. 이제서야 보게되었네요.
좁은 폭의 해상도에서 이미지가 잘리는 부분 없이 모두 보이게 하려면 다음과 같이 CSS를 처리하시면 될 것 같습니다.
.myimg { width: 100%; /* 세로 크기를 설정하지 않아도 웹브라우저가 알아서 원본 비율대로 세로 크기를 잡아줌 */ max-width: 800px; /* 실제 이미지 가로 크기 */ }
이러한 내용을 기준으로 상황에 맞게 설계하시면 되겠습니다.