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

해상도 모니터에 크기에 따른 썸네일 사이즈 채택완료

스피아민트 1년 전 조회 2,076

필요에 의해서 최신글 https://sir.kr/g5_skin/16669?sca=%EC%B5%9C%EC%8B%A0%EA%B8%80&page=25

사용해보는 중입니다

사용해볼려고 업로드 해봤는데... 디자인은 좋습니다 

그런데 모바일이나 노트북 모니터가 작아지면

곤란해 집니다

모니터 크기가 작아지면 최신글 이미지가 커서 옆부분을 덮어 버립니다

크기 자체를 px이 아닌 100% 설정되면 좋을거 같네요

 

그래서 스킨에 with=100인데 그냥 강제로 %를 붙여서 with=100%로 하니까

화면이 완전히 깨져서 나오더라구요

 

결론은 %로 설정하는거좀 가르쳐 주세요

감사합니다.

그누님들 모두 행복한 메리크리스마스 되세요~~~~!!^^

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

답변 3개

채택된 답변
+20 포인트

background-size:cover;

background-position: 50% 50%;

이면 거의 대부분 문제가 사라집니다.

적용 안되면 뒤에 !important 붙이세요

 

https://developer.mozilla.org/en-US/docs/Web/CSS/background-size

예제

 

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

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

M
1년 전

width = 100% 로 하신게 맞으신가요?

만약 그렇다면 height도 잡혀 있어서 그럴수도 있습니다.

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

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

반응형으로 하면되지 않나요?

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

답변에 대한 댓글 3개

스피아민트
1년 전
아직 반응형은 사용을 제가 사용을 안해봐서요.
기본적인 테마?^^ https://sir.kr/g5_theme/5129?sfl=wr_subject&stx=5.4+5.3
그누 테마 사용 중입니다
반응형은 한번도 사용을 안해봐서 잘모르겠어요
혹 추천 반응형은 어떤게 좋을지요
리오닥터
1년 전
그럼 사이트를 제가 확인해봐야겠어요
반응형인지 자세히 모르신거 같은데 반응형이란 브라우저를 줄이면 그에 맞게 화면도 변화 하는거에요
피씨 > 테블릿 > 모바일로 변형되요
리오닥터
1년 전
width:100%;height:auto;로 잡아주세요

반응형이나 적응형이나 둘중에 하나는 잡아주세요
반응형이면 미디어쿼리가 있어야되구요 그게 없어서 그런거 같아요

https://ossam5.tistory.com/308
이거 참고해보세요

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

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

로그인