마이포겔 모바일 화면 출력문제

+1 투표
512 조회

안녕하세요 선생님.

현재 마이포겔을 이용해서 포트폴리오 사이트를 작업중인 학생입니다.

다름아니라 포트폴리오 상세 내용 중 이미지 부분이

CSS를 조정해도 변경이 되지 않아 문의드립니다.

화면 같이 첨부하여 보내드립니다.

보시면 이미지가 element.style로 height, width가 지정이 되어

변경이 되지 않는 것 같는데 해결방법을 몰라 문의드립니다:)

 

요청 : 2017년 10월 10일 마크업 언어 분류 내 작성자 kuo5703 (150 포인트)

1 개의 답변

0 투표

답변이 많이 늦었네요.

보통 질문이 올라오면 이메일로 통지가 오는데 그게 안되었던 것 같습니다. 이제서야 보게되었네요.

좁은 폭의 해상도에서 이미지가 잘리는 부분 없이 모두 보이게 하려면 다음과 같이 CSS를 처리하시면 될 것 같습니다.

.myimg {
    width: 100%; /* 세로 크기를 설정하지 않아도 웹브라우저가 알아서 원본 비율대로 세로 크기를 잡아줌 */
    max-width: 800px; /* 실제 이미지 가로 크기 */
}

이러한 내용을 기준으로 상황에 맞게 설계하시면 되겠습니다.

 

 

답변: 2017년 10월 23일 작성자 qsadmin (2,100 포인트)