수다닷컴

  • 해외여행
    • 괌
    • 태국
    • 유럽
    • 일본
    • 필리핀
    • 미국
    • 중국
    • 기타여행
    • 싱가폴
  • 건강
    • 다이어트
    • 당뇨
    • 헬스
    • 건강음식
    • 건강기타
  • 컴퓨터
    • 프로그램 개발일반
    • C언어
    • 비주얼베이직
  • 결혼생활
    • 출산/육아
    • 결혼준비
    • 엄마이야기방
  • 일상생활
    • 면접
    • 취업
    • 진로선택
  • 교육
    • 교육일반
    • 아이교육
    • 토익
    • 해외연수
    • 영어
  • 취미생활
    • 음악
    • 자전거
    • 수영
    • 바이크
    • 축구
  • 기타
    • 강아지
    • 제주도여행
    • 국내여행
    • 기타일상
    • 애플
    • 휴대폰관련
  • 프로그램 개발일반
  • C언어
  • 비주얼베이직

유동적으로 변하는 사이즈 만들기 ~~!

앵초

2023.04.01

이해를 위해서 아래에 이미지 첨부합니다.
창크기에 따라 안에 있는 분홍색 박스의 크기가 늘어나게하려면 %를 사용하면 됩니다만..
이미지가 비율에 맞지않게 쪼그라들거나 좌우로만 늘어나서 깨지는등의 문제가 발생합니다..
어떻게해야 효과적으로 이미지 크기를 유동적으로 변하게 할 수 있을까요?

신청하기





COMMENT

댓글을 입력해주세요. 비속어와 욕설은 삼가해주세요.

  • 무들

    아 해결됫군영........

  • 꽃

    비례식을 이용하면 뭔가 되지않을까영?

  • Emily

    아주 잘되내요 ~~ 제가 멍청이였군요 ~~

  • 마리

    말이 되내요 - ㅅ-;; 감사합니다

  • 그리

    이미지에 높이를 주지 마시고 넓이만 줘서 한번 확인해 보세요~

  • 꿈빛

    %만줘서 자동으로 된다는게 말이 안되요..

    %라는게 이미지의 사이즈를 기준으로 이미지가 바뀌는게 아니라

    부모 엘리먼트에 의해서 사이즈 바뀌는데..

    이미지 사이즈는 300 * 300인데.. img size 100% 100%하면

    만약에 부모가 body였으면 그거 이미지 그냥 열어놓은 창에서 100%라서 이미지 사이즈 비율 전혀

    고려하지않고 늘어나버립니다.

    아마 $(window).height(), 현제 돔트리에있는 img size가지고 실시간으로

  • 놓아줄게요

    그냥 넓이만 %로 주시면 자동으로 된다니깐요~ 스크립트 안돌려도~

  • 월향

    깨지는건 상관없어요 이미지를 고해상도로 불러놓을꺼기때문에.. 다만 스케일 비율에 맞게 늘리는거에 대한걸 모르겠어서요

  • 초코향

    당연히 좌우로 움직이면 50%의 넓이로 늘리면 그만큼 이미지도 늘어나기 때문에 어느정도 창을 늘리면 이미지가 깨지는 것은 당연합니다. 왜냐~ 이미지는 비트맵방식이니까요.

    그리고 위와같은 홈페이지를 보니까 좌우로 움직였을 때 어느정도 넓이를 넘어가면 더이상 커지지 않죠?
    그러니까 이미지의 최대 넓이가 1200이라고 쳤을 때 if조건문으로 그 이상으로 커지지 않게 만들라는 거에요.

    좌우로 줄였을 때 높이에 영향을 받는건 그냥 img에 넓이만 %로 잡아주

  • 아이돌

    %를 사용하는데 왜 좌우로만 늘어날까요??
    width:OO%를 주면 높이도 비율에 맞게 늘어날텐데;;

번호 제 목 글쓴이 날짜
2696504 플래시 위에 div 올리기 (5) 큰꽃늘 2025-05-30
2696458 제가 만든 소스 한번 봐주시고 수정 할 꺼 있으면 말해주세요. (실행은 되지만 깜빡거리네요) 이플 2025-05-29
2696434 퍼센트 레이아웃 질문인데요.. 나츠 2025-05-29
2696372 %=open_main%, %=open_sub% 가 뭘까요? (9) 행복녀 2025-05-29
2696347 콘솔 프로그램 질문 상큼한캔디 2025-05-28
2696320 c언어 scanf 함수를 이요해 문자열 입력 받을 시 질문 있습니다. 슬아라 2025-05-28
2696292 익스플로러9이상에서만 이상한 보더가 보이는데 삭제할수 있나요? 망고 2025-05-28
2696263 프로그래밍 공부시작 질문 (6) 진이 2025-05-28
2696206 SK2의 플래시를 밴치마킹하려고하는데요.. (1) 비내리던날 2025-05-27
2696179 ie7에서 사라지지가 않네요. (2) 빛길 2025-05-27
2696150 div에 스크롤 생기게 하려면... (2) 에드가 2025-05-27
2696123 자료구조론 공부중인데 김자영 2025-05-26
2696094 exe 파일 제철 2025-05-26
2696043 제이쿼리 .scroll() 관련 질문드립니다 이거이름임 2025-05-26
2695984 마크업상으로 하단에 있으나 우선적으로 이미지파일을 다운로드받는 방법 (1) 들꿈 2025-05-25
2695934 tr 속성값 (9) 새 2025-05-25
2695905 ASP로 개발됐을 때 css가 달라져요 ㅠㅠ (4) 슬아라 2025-05-24
2695878 form을 이용한 다른 페이지로 넘기는 방법을 알려주세요 (1) 핫파랑 2025-05-24
2695844 저기 암호화 및 복호화 프로그램.. 만들어볼려는대 (2) 한빛 2025-05-24
2695814 [질문] PDA에서 애플릿이 가능한가요? (1) 봄시내 2025-05-24
<<  이전  1 2 3 4 5 6 7 8 9 10  다음  >>

수다닷컴 | 여러분과 함께하는 수다토크 커뮤니티 수다닷컴에 오신것을 환영합니다.
사업자등록번호 : 117-07-92748 상호 : 진달래여행사 대표자 : 명현재 서울시 강서구 방화동 890번지 푸르지오 107동 306호
copyright 2011 게시글 삭제 및 기타 문의 : clairacademy@naver.com