http://sir.co.kr/bbs/board.php?bo_table=pg_html&wr_id=12476&page=2
이내용을 보고 레이아웃을 잡아보고 알맹이들을 넣어볼까하고
우선 적용을 해봤는데요...
웹페이지에선 적상적인데.. 모바일쪽에서는 보니까 좌/우측 광고영역이 안보이더라구요..
제가 뭘 잘못한건가요?? 아니면 원래 이런건가요..ㅠㅠ
웹표준에 대한 개념이 아직 잘안잡혀서요...
단순한 생각으로 웹표준은 브라우저마다 동일하게 표시해줘야한다는걸로만 알고있어서 ... ㅠㅠ
아시는분 답변좀 부탁드립니다.
이내용을 보고 레이아웃을 잡아보고 알맹이들을 넣어볼까하고
우선 적용을 해봤는데요...
웹페이지에선 적상적인데.. 모바일쪽에서는 보니까 좌/우측 광고영역이 안보이더라구요..
제가 뭘 잘못한건가요?? 아니면 원래 이런건가요..ㅠㅠ
웹표준에 대한 개념이 아직 잘안잡혀서요...
단순한 생각으로 웹표준은 브라우저마다 동일하게 표시해줘야한다는걸로만 알고있어서 ... ㅠㅠ
아시는분 답변좀 부탁드립니다.
댓글 2개
화면을 보지 않고 ... 답변드리기에는 좀 부족한 감이 있겠지만...
일단 모바일 해상도와 pc상의 해상도가 다른 점은 고려해보셨는지요?
보통 viewport 로 모바일 해상도에 맞춰 출력되도록(모바일 브라우져일 경우?) 정의하는 것이 보통입니다.
제 추측으로는 해상도 문제가 아닐까 싶습니다.
(pc상의 레이아웃 width 가 1000px 일때 보통 갤럭시2의 경우 480x800이므로 핸드폰을 가로로 들어도 제대로 출력이 되지 않을 겁니다. 자동으로 맞춰 출력되는 것이 정상이나, 실제 코딩해보면 dtd와 기타의 문제로 인해 제대로 되지 않더군요... )
답변이 도움이 되었으면 좋겠습니다 ;)
일단 모바일 해상도와 pc상의 해상도가 다른 점은 고려해보셨는지요?
보통 viewport 로 모바일 해상도에 맞춰 출력되도록(모바일 브라우져일 경우?) 정의하는 것이 보통입니다.
제 추측으로는 해상도 문제가 아닐까 싶습니다.
(pc상의 레이아웃 width 가 1000px 일때 보통 갤럭시2의 경우 480x800이므로 핸드폰을 가로로 들어도 제대로 출력이 되지 않을 겁니다. 자동으로 맞춰 출력되는 것이 정상이나, 실제 코딩해보면 dtd와 기타의 문제로 인해 제대로 되지 않더군요... )
답변이 도움이 되었으면 좋겠습니다 ;)
웹표준은 말 그대로 표준을 따르는 것입니다.
브라우저마다 동일하게 표시해주는 것은 크로스브라우징이라고 하죠.
웹표준은 W3C에서 제안하는 국제적인 기준이라고 보시면 되죠.
웹과 관련된 책을 보시면 그 웹표준에 맞춰 책이 제작되었다는 걸 아실겁니다.
다만, 우리나라에서 많이 쓰고있는 IE가 웹표준을 지키지 않는 부분이 있기에 웹표준으로 제작되었을때 기능상으로나 디자인적으로 작동하지 않을수 있다는게 문제죠.
물론 IE가 버전업 되면서 점차적으로 웹표준 준수를 늘려가고 있으나 여타 다른 브라우저들에
못미치기 때문에 해외에선 그냥 stupid 브라우저 취급을 받습니다.
또한 국내적으로는 IE6, IE7, IE8 전용으로 제작된 애플리케이션들이 많이 산재되어 있기때문에
국내 웹사정은 총체적인 난국이죠 ㅎㅎ;
브라우저마다 동일하게 표시해주는 것은 크로스브라우징이라고 하죠.
웹표준은 W3C에서 제안하는 국제적인 기준이라고 보시면 되죠.
웹과 관련된 책을 보시면 그 웹표준에 맞춰 책이 제작되었다는 걸 아실겁니다.
다만, 우리나라에서 많이 쓰고있는 IE가 웹표준을 지키지 않는 부분이 있기에 웹표준으로 제작되었을때 기능상으로나 디자인적으로 작동하지 않을수 있다는게 문제죠.
물론 IE가 버전업 되면서 점차적으로 웹표준 준수를 늘려가고 있으나 여타 다른 브라우저들에
못미치기 때문에 해외에선 그냥 stupid 브라우저 취급을 받습니다.
또한 국내적으로는 IE6, IE7, IE8 전용으로 제작된 애플리케이션들이 많이 산재되어 있기때문에
국내 웹사정은 총체적인 난국이죠 ㅎㅎ;
게시글 목록
| 번호 | 제목 |
|---|---|
| 12333 |
JavaScript
한글만 되게 하는 자바스크립트 입니다.
|
| 12332 |
JavaScript
간단한 팝업창 중앙에 띄우기 입니다.
|
| 12331 |
JavaScript
2단계 드롭다운 레이어 메뉴 입니다.
|
| 12329 |
JavaScript
동적 막대그래프
1
|
| 12328 |
JavaScript
간단한 위로가기 자바스크립트 입니다.
|
| 12327 |
JavaScript
따라다니는 link 퀵메뉴 입니다.
|
| 12326 |
JavaScript
글씨의 색을 자동으로 변환시켜주는 자바스크립트 입니다.
|
| 12325 |
JavaScript
인스타그램 사진가져오기
|
| 12324 |
jQuery
checkedbox 컨트롤
|
| 12323 |
jQuery
radio 컨트롤
|
| 12322 |
jQuery
select box 컨트롤
|
| 12321 | |
| 12320 |
node.js
Node.js - 실시간 위치 추적 (2)
|
| 12319 | |
| 12318 |
JavaScript
특정 이메일 입력 금지및 이메일 유효성 검사하기 입니다.
|
| 12317 |
JavaScript
마우스 오버시 그림 변하게 하는 자바스크립트 입니다
|
| 12316 |
JavaScript
시작과 멈춤이 가능한 스크롤 텍스트 입니다.
|
| 12315 |
JavaScript
이미지 없이 라운딩 박스 + 보더 표현하기 입니다.
|
| 12314 |
JavaScript
Trim 함수 자바스크립트로 사용하기 입니다.
|
| 12313 |
JavaScript
실제 이미지 크기 알아내기 입니다.
|
| 12312 |
JavaScript
present 자바스크립트 입니다.
|
| 12311 |
JavaScript
이미지 미리 로딩시켜놓기 입니다.
|
| 12310 |
JavaScript
다각형 이미지슬라이드쇼 자바스크립트 입니다.
|
| 12309 |
JavaScript
가운데 정렬된 홈페이지에서 따라다니는 레이어 자바스크립트 입니다.
|
| 12308 |
JavaScript
클릭시 펼쳐지는 메뉴 입니다.
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기