해상도에 따라 보이고 안보이는 이미지
초엘
음....
일단 기본적인 웹페이지 사이즈는 1024정도 입니다.
그런데 더 해상도가 높은(예를 들면 1360 해상도)모니터에서 보면
1024일때는 안보이던 이미지가 나타나 보여야 합니다.
그러니까 작은 해상도에는 안보이던 양쪽 이미지들이
큰 해상도의 모니터에서는 양쪽 이미지들이 보이는거죠.
이럴때는 어떤 속성을 주는 게 맞는걸까요??
읔 ㅠ 한마디씩 해주시면 감사하겠습니다-= ^^
-
희미햬 2024-12-03
다들 너무너무 감사합니다 ^^역시 하코사 ㅠㅠ
-
은새 2024-12-03
css3 media query 응용하셔서 배경이미지를 결정해주셔도 되겠구요. (뭐 ie 구버전에선 안됩니다만;)
음.. wrap 역할을 하는 div의 너비(width)가 1024면 1024*768 해상도 모니터에선 가로 스크롤바가 생길테니 1000이하로 주시는 게 좋겠구요 :)
양쪽 이미지가 큰 편이라면 한개의 이미지로 가는 게 어렵겠지만-
간단하게 생각하면 wrap 역할을 하는 div에 배경색을 white로 주시고 body에 배경이미지를 cent -
큰모음 2024-12-03
엇...넵 맞습니다 ㅎㅎ 본래 의도는 태클을 걸려고 한건 아닌데 뉘앙스가 그렇게 되버렸네요. 죄송합니다^^;
NoriTer님 말씀대로 레이아웃 모양을 bg짤리지 않고서도 css로 얼마든지 커버가 가능하기 때문에 css처리를 권장한거구요. 다시 읽어보니 제가 글을 잘못쓰긴썼네요 하하~ -
잎새 2024-12-03
onresize 이벤트 하나면 되는데요~ 딱히클라이언트에 무리주는것도 아니고 css로 이리저리 브라우져 호환성 고민하면서 복잡하게 만들기보단 이런건 그냥 스크립 처리하는게 정신적으로나 능률적으로나 좋을듯 합니다
-
야미 2024-12-03
스크립트로 처리하면 사용자가 화면을 줄였다 늘였다 할 때를 캐치하는것이 까다로워질거구요.
1024짜리 div 하나를 화면의 중간에 만드세요.
#wrapper{width:1024px; margin:0 auto; position:relative; z-index:1; background:#fff;}
body에 좌우 레이어 각각 하나씩 띄우시고 z-index:0; 으로 주세요.
화면이 작을때는 wrapper에 가려서 안보이실거예요.
비록 1280화면에서는 -
보아라 2024-12-03
너무 css로만 하려고 하지 마시고, onload 이벤트에 브라우져 크기값 가져오셔서 해당 부분을 보이거나 감추게 하세요. 아니면 width를 줄이고 overflow:hidden 으로 해당 부분을 가리게 하셔도 되겠죠.
번호 | 제 목 | 글쓴이 | 날짜 |
---|---|---|---|
2700281 | 이런경우 어떻게 코딩해야 표준에 따르는건가요? (6) | 늘솜 | 2025-07-03 |
2700230 | 질문이여 ! | 뿡뿡몬 | 2025-07-03 |
2700205 | 액션스크립트책 좀 추천해주세요. (10) | 화이트캣 | 2025-07-02 |
2700173 | 자바 소스인데 어떤게 에러인지..? (1) | 호빵녀 | 2025-07-02 |
2700142 | 하단이 붙어있는 가변 레이아웃구조 질문드립니다. | 이플 | 2025-07-02 |
2700089 | 이미지를 사다리꼴로 비틀게 하는 액션코드가 있나요? (4) | 여름 | 2025-07-01 |
2700033 | 배경에 그라데이션을 넣으려고 하는데요.. (4) | 화이티 | 2025-07-01 |
2700005 | [질문] TextField 객체의 실제 높이 알아오는 방법 ? | 천사의눈물 | 2025-07-01 |
2699978 | FileReferenceList를 이용하여 업로드시 자꾸 실행속도가 느리다는 팝업이... (10) | 데이비드 | 2025-06-30 |
2699944 | 자바스크립트가 많은 사이트는... (6) | 희나리 | 2025-06-30 |
2699918 | 브라우저마다 다른 input과 텍스트 정렬 (3) | 늘봄 | 2025-06-30 |
2699887 | 동적텍스트를 그래픽으로?? (2) | 족장 | 2025-06-30 |
2699862 | scope넣기 (1) | 아인 | 2025-06-29 |
2699835 | exe로 만드는 방법을....알려주세요.. (5) | 방방 | 2025-06-29 |
2699809 | 롤오버할때 백그라운드 이미지로할때 alt설명은 어떻게해야하죠?..ㅠ (4) | 반혈 | 2025-06-29 |
2699757 | 리스트뷰에 있는 내용을 랜덤으로 추출 | 세실 | 2025-06-28 |
2699725 | JMX 질문입니다. (1) | 시나브로 | 2025-06-28 |
2699695 | 으으아으ㅏ으ㅏ 정말미쳐버리겟네요 | 진달래 | 2025-06-28 |
2699665 | absolute에 대해서 궁금한게 있습니다 (1) | 영빈이 | 2025-06-28 |
2699629 | 테마 적용이 잘 안됩니다. ㅠㅜ (2) | 서희 | 2025-06-27 |