도와주세요

창 크기에 따라서 표의 크기가 달라지는 태그는 없나요?

title: 머그잔(명탐정 피카츄)왕뚠뚠돈까스라이츄2019.08.05 17:41조회 수 71댓글 6

  • 2
    • 글자 크기

이게... 어제 개인 프로젝트를 드디어 옮기긴 했어요. 

근데 문제가 하나 있습니다... 


회사컴 기준으로 만들었으니 회사컴에서는 이쁘게 잘 나오거든요. 


집컴에서 개판 오분전이십니다. 

디스플레이 해상도는 똑같은데, 브라우저 창이 달라서 그런 것 같아요. 


문제는 그겁니다. 창 크기에 맞춰서 미디어 쿼리를 주려고 했는데 회사컴 창이 최대일 때 크기가 얼마만한 지 도저히 모르겠어요. (집컴도 마찬가지) 

그래서 그냥 창 크기에 맞춰서 너 알아서 줄었다 늘었다 해라 하고 싶은데 어떻게 방법이 없을까요? 

아니면 div를 width height 100%에 마진패딩 다 빼고 만들어서 크기 달아보는 게 빠를까요? ㄷㄷ 

라이츄는 뚠뚠 오늘도 뚠뚠 뚠뚠하죠 뚠뚠 

  • 2
    • 글자 크기
자바스크립트는 왜 이럴까요... (by 왕뚠뚠돈까스라이츄) 자바스크립트 FormData와 관련된 메서드의 IE 호환성과 관련하여 질문 드립니다 ^^ (by 이니스프리)
  • 2019.8.5 23:01

    크롬에서의 개발자 도구를 활용하십시오.

    Element Tab에서 요소를 찾아 호버링 하면 그 요소의 정보가 나옵니다.

    body넓이를 구하려면 body태그에 마우스를 올려보세요!

     

    Javascript 로 얻기

    window.innerHeight //창 높이

    window.innerWidth //창 너비

     

    단위는 픽셀(px)입니다

  • 2019.8.6 11:01

    절댓값말고 상대값으로 table의 width를 지정해보세요.

     

    스포어에 있는 설명들 중에 표가 있는 것들은 모두 반응형으로 만들어져 있습니다.

  • @맛스타
    2019.8.6 12:34

    가로는 됐는데 세로가 안돼요 ㅠㅠ

  • @왕뚠뚠돈까스라이츄
    2019.8.6 21:54

    앗 세로였군요! 쏘리~!

  • 2019.8.6 21:28

    <table style="height:calc(100vh - 120px)">

  • 2019.8.7 15:36


    크롬 개발자 도구 키시고 창 크기 조절해보시면


    우측 상단 빨간색 처럼 크기 나와욧.


댓글 달기

번호 제목 글쓴이 날짜 조회 수
공지 사이트 정보 등록에 경고로 변경된 분들 참고하세요.7 마스터 2019.06.19 1093
공지 [중요 공지 포함] 사이트가 복구 되었습니다.42 마스터 2019.06.18 1399
공지 호스팅 신청이 다시 가능합니다.18 마스터 2019.04.18 2178
공지 회원 전용 페이지가 생겼습니다.15 마스터 2018.03.20 8036
공지 [필독] 질문하는 방법6 마스터 2018.02.23 1067
609 Beautifulsoup 로그인 문제1 Hanam09 10시간 전 30
608 부트스트랩 모달의 사이즈를 구해서 사이즈에 맞게 이모지 n개/행을 출력하려고 하는데요.5 이니스프리 14시간 전 44
607 Jquery 사용 시 $(window).load( function() 를 사용하시나요?5 로우지 2019.08.20 40
606 ftp.studyforus.com은 서비스를 중지하신건가요?2 Piedots 2019.08.19 33
605 출첵을 했는데 처리가 제대로 안됐어요! title: 머그잔(명탐정 피카츄)왕뚠뚠돈까스라이츄 2019.08.19 20
604 imgur 사용하시는분.... 잘아시는분...질문!5 홀민 2019.08.18 41
603 a태그를 특정 조건에서만 비활성화시키고 싶은데... +사소한 기능 문제6 title: 머그잔(명탐정 피카츄)왕뚠뚠돈까스라이츄 2019.08.08 81
602 이거 도메인 사용 가능한 거 맞죠?13 title: 머그잔(명탐정 피카츄)왕뚠뚠돈까스라이츄 2019.08.08 80
601 자바스크립트는 왜 이럴까요...5 title: 머그잔(명탐정 피카츄)왕뚠뚠돈까스라이츄 2019.08.07 51
창 크기에 따라서 표의 크기가 달라지는 태그는 없나요?6 title: 머그잔(명탐정 피카츄)왕뚠뚠돈까스라이츄 2019.08.05 71
599 자바스크립트 FormData와 관련된 메서드의 IE 호환성과 관련하여 질문 드립니다 ^^6 이니스프리 2019.08.05 81
598 프로알라 에디터를 사용하면 클라이언트단에서 이미지 리사이징을 할 수 있는가요?6 이니스프리 2019.08.02 67
597 IE11에서 이미지가 깨지는 현상을 해결할 수 있을까요?2 이니스프리 2019.08.02 79
596 야후재팬 메일 이용하시는분 계신가요?2 슬기 2019.07.29 46
595 Composer 설치 가능한 웹호스팅 추천 부탁드립니다4 이니스프리 2019.07.29 48
594 싸이월드 미니홈피 크롤링 관련하여 질문 드립니다 ^^3 이니스프리 2019.07.27 60
593 영상 다운로드 받는 방법이 어디없을까요?6 슬기 2019.07.25 78
592 출석 오류4 Piedots 2019.07.25 49
591 [그누보드] 테스트 메일 보내기가 안되요.6 연우빠 2019.07.23 72
590 사이트 로고 디자인을 의뢰하기 전에 질문 드려요 ^^ 이니스프리 2019.07.21 39
이전 1 2 3 4 5 6 7 8 9 10... 31다음
첨부 (2)
2019-06-14.png
2.91MB / Download 2
2019-08-04 (1).png
3.44MB / Download 2
서버에 요청 중입니다. 잠시만 기다려 주십시오...