해상도 모니터에 크기에 따른 썸네일 사이즈
본문
필요에 의해서 최신글 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
background-size:cover;
background-position: 50% 50%;
이면 거의 대부분 문제가 사라집니다.
적용 안되면 뒤에 !important 붙이세요
https://developer.mozilla.org/en-US/docs/Web/CSS/background-size
예제
반응형으로 하면되지 않나요?
아직 반응형은 사용을 제가 사용을 안해봐서요.
기본적인 테마?^^ https://sir.kr/g5_theme/5129?sfl=wr_subject&stx=5.4+5.3
그누 테마 사용 중입니다
반응형은 한번도 사용을 안해봐서 잘모르겠어요
혹 추천 반응형은 어떤게 좋을지요
그럼 사이트를 제가 확인해봐야겠어요
반응형인지 자세히 모르신거 같은데 반응형이란 브라우저를 줄이면 그에 맞게 화면도 변화 하는거에요
피씨 > 테블릿 > 모바일로 변형되요
width:100%;height:auto;로 잡아주세요
반응형이나 적응형이나 둘중에 하나는 잡아주세요
반응형이면 미디어쿼리가 있어야되구요 그게 없어서 그런거 같아요
https://ossam5.tistory.com/308
이거 참고해보세요
width = 100% 로 하신게 맞으신가요?
만약 그렇다면 height도 잡혀 있어서 그럴수도 있습니다.
