커뮤니티
 
 
 
 
  
커뮤니티 추천게시물       운영진 선정 | 추천순 | 최근댓글달린순 | 갤러리(포토)
 
 
 
사는이야기(자유게시판)

모바일 보드나라에 반응형 테이블 도입합니다

감자나무 미디어로그가기

조회 : 2829
작성일 : 2014/01/06 17:01
간편 URL : http://www.bodnara.co.kr/bbs/bbs.html?D=2&num=137409
트위터    페이스북
감자나무입니다.

기존에 모바일보드나라에서 기사를 보시면, 일부기사는 화면 가득 나오지 않고 넘쳐나는 경우를 종종 보실수있을겁니다.


이는 기사에 포함된 테이블 (표) 때문인데, 

이미지는 리사이징하여 보여주지만 테이블은 그렇지 못해서 발생하는 현상입니다.


금일부터 포스팅되는 모든기사의 표는 '반응형테이블'을 도입해 스크롤에 따라 표가 줄어들고 그에따라 내용을 스크롤해 볼 수 있도록 수정됩니다.

기존 기사들 역시 수일내로 모두 반응형테이블이 도입됩니다.


반응형테이블 표가 궁금하시면 

http://www.bodnara.co.kr/bbs/article.html?D=7&cate=13&d_category=1&num=105020

이 기사를 스마트폰으로 확인해보세요 

단, width가 700이 넘는 HD / FULL HD급 스마트폰은 애초에 WIDTH가 높아서 기존과 달라지지 않습니다.

반응형 테이블이 대표적으로 적용되는 폰으로는 아이폰이 있습니다.


크롬으로 보시면 아래에 예시 동영상이 있습니다. 
p.s. IE에서는 왜 VIDEO태그가 안나오는지는 잘 모르겠네요 ㅜㅡ


4


감자나무 님의 다른글 보기
좋은 내용의 글이라면 추천해주세요.
로그인을 하지 않아도 추천 하실 수 있습니다.
115.90.181.xxx
불법 광고글 신고하기
I
   이 게시물의 댓글 보기
추천제안내
좋은 게시물에는 추천을 할 수 있습니다.추천이 5 이상이면 메인페이지 헤드라인에 게시물을 걸어 드립니다.
적립된 포인트로 진행중인 이벤트에 참여하시어 경품을 받아가실 수 있습니다.

포인트안내 글작성 : 20점, 추천클릭 : 2점, 추천받은사람 2점, 댓글작성 : 4점 (2008.12.29일부터)
  사파 jeehy님의 미디어로그 가기  /  2014-01-06 22:19 / IP/ 신고/ 이댓글에댓글달기
  좋네요.
그동안 고해상도 핸드폰을 써서 잘 몰랐네요.
근데 첫번째 컬럼이 핸드폰 폭보다 넓은 경우는 어떻게 되나요?
감자나무 감자나무님의 미디어로그 가기  / 2014-01-07 0:20/ 자국/ 신고/
그것도 알아서 줄여줍니다. ㅋ
  추억에살아 /  2014-01-06 23:38 / IP/ 신고/ 이댓글에댓글달기
  갤럭시s3로 봤는데 잘 보입니다. ^-^
  Meho ho5945님의 미디어로그 가기  /  2014-01-07 02:28 / IP/ 신고/ 이댓글에댓글달기
  -On Mobile Mode -
테이블은 됐는데... 사진은 여전한것 같습니다. 아직도 안고쳐졌어요
감자나무 감자나무님의 미디어로그 가기  / 2014-01-07 12:11/ 자국/ 신고/
좌우이동은 지난번에 수정 되었습니다. 그외 좌우이동 문제는 구글 배너코드 때문이라 어떻게 할수가 없어요
  whoru deathesp님의 미디어로그 가기  /  2014-01-07 12:42 / IP/ 신고/ 이댓글에댓글달기
  안드로이드 폰에서 기사 잘 보입니다.
사는이야기(자유게시판)
끄적끄적   보드나라 유튜브 계정 구독좀 부탁드립니다 22 감자나무 1 18.06.21 56500
끄적끄적   [캠페인] 변경된 닉네임 신고하여 광명찾자 16 감자나무 10 09.12.11 80754
45523 정보   경유차 유류세 환급(유가보조) 신청방법·지원대상·환급단가 정리 정보공유합니.. 호밍 0 04:25:30 40
45522 정보   2025 연말정산 미리보기 오픈 환급액, 공제항목 확인 방법 정리 호밍 0 03:27:11 44
45521 정보   부모님 알려드리려고 찾다가 괜찮은 정보 하나 발견 아놀드 0 01:46:36 53
45519 끄적끄적   2025 연말정산 미리보기 오픈! 예상 환급액·공제 항목 확인 앙코 0 25.11.14 47
45517 끄적끄적   2026 실업급여 조건 정리 인포나이트 0 25.11.14 65
45516 끄적끄적   유용한 정보 정소금 0 25.11.14 45
45515 끄적끄적   11번가 할인하네요 정소금 0 25.11.14 46
45514 정보   시외버스터미널 시간표 조회 예매 방법 취소 환불 변경 로움 0 25.11.14 45
45513 정보   도시가스 전입신고 신청방법 전화번호 온라인 비대면 해지신청 로움 0 25.11.14 46
45512 정보   모바일 인터넷 속도 측정 FAST 인터넷 느려짐 모바일 해결방법 로움 0 25.11.14 59
45511 정보   세움터 정부24 건축물대장 평면도 열람하기 무료 발급방법 로움 0 25.11.14 39
45510 정보   보이스피싱 신고 접수 방법 전화번호 확인 센터 로움 0 25.11.14 44
45509 끄적끄적   과거 환율 조회 정확하고 신뢰하는 사이트 총정리 서울외국환중개, 네이버금융, .. 로움 0 25.11.14 34
45508 정보   65세 이상 임플란트 지원금 신청방법 지원금액 및 본인부담금 총정리 로움 0 25.11.14 39
45507 정보   신용불량자 신용 회복 방법 해제 방법 채무조정 로움 0 25.11.14 38
45506 정보   희귀동전 년도 가격 거래소 판매 위치 시세 조회 10원 50원 100원 500원 로움 0 25.11.14 99
45505 정보   삼성전자 배당금 지급일 기준일 조회 로움 0 25.11.14 59
45504 정보   포스코홀딩스 배당금 지급일과 배당락일 분기배당 HMM인수 소식 알아보기 로움 0 25.11.14 47
45503 정보   작성자가 게시물을 삭제 하였습니다 로움 0 25.11.14 44
45502 정보   현대차 배당금 지급일과 기준일 우선주 배당일정 알아보기 로움 0 25.11.14 98
45501 끄적끄적   작성자가 게시물을 삭제 하였습니다 로움 0 25.11.14 38
45500 끄적끄적   2026 수능 등급컷·문제·정답 공개 및 이의신청 방법 정리 인포나이트 0 25.11.14 91
45499 끄적끄적   청년기본소득 신청 안내 (2025년 4분기) 인포나이트 0 25.11.13 55
 1 [2][3][4][5][6][7][8][9][10]