• 목록
  • 아래로
  • 위로

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

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


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


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

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


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

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

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

작성자
국내산라이츄 101 Lv. (47%) 823730/832320EXP

인생은 양자역학이외다

댓글 6

Hanam09
profile image

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

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

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

 

Javascript 로 얻기

window.innerHeight //창 높이

window.innerWidth //창 너비

 

단위는 픽셀(px)입니다

comment menu
2019.08.05. 23:01

신고

"Hanam09님의 댓글"

이 댓글을 신고 하시겠습니까?

NoYeah
profile image

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

 

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

comment menu
2019.08.06. 11:01

신고

"NoYeah님의 댓글"

이 댓글을 신고 하시겠습니까?

국내산라이츄 작성자 → NoYeah
profile image

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

comment menu
2019.08.06. 12:34

신고

"국내산라이츄님의 댓글"

이 댓글을 신고 하시겠습니까?

NoYeah → 국내산라이츄
profile image

앗 세로였군요! 쏘리~!

comment menu
2019.08.06. 21:54

신고

"NoYeah님의 댓글"

이 댓글을 신고 하시겠습니까?

라엘
profile image

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

comment menu
2019.08.06. 21:28

신고

"라엘님의 댓글"

이 댓글을 신고 하시겠습니까?

ilovepc


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


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


comment menu
2019.08.07. 15:36

신고

"ilovepc님의 댓글"

이 댓글을 신고 하시겠습니까?

권한이 없습니다.
번호 제목 글쓴이 날짜 조회 수
공지 [작업 완료] 설 명절 맞이 서버 업데이트 안내 3 마스터 24.02.11.17:21 390
공지 [중요] 호스팅 만료와 관련하여 일부 수칙이 변경됩니다. 4 마스터 23.01.14.02:23 4074
공지 [필독] 질문하는 방법 17 마스터 18.02.23.03:09 4465
602 호스팅패널에서 서브도메인 사용하시는 분 계신가요? 2 joyfuI 19.08.28.18:13 249
601 스포어에서 허용하는 이미지 업로드 확장자 및 ios에서의 input 태그 줌과 관련하여 여쭤봅니다 2 이니스프리 19.08.27.23:04 231
600 Nginx 이미지 외부링크 방지 설정 여부를 확인하는 방법 2 이니스프리 19.08.26.18:48 343
599 Beautifulsoup 로그인 문제 18 Hanam09 19.08.24.01:25 1691
598 부트스트랩 모달의 사이즈를 구해서 사이즈에 맞게 이모지 n개/행을 출력하려고 하는데요. 5 image 이니스프리 19.08.23.20:50 362
597 Jquery 사용 시 $(window).load( function() 를 사용하시나요? 5 로우지 19.08.20.03:15 209
596 ftp.studyforus.com은 서비스를 중지하신건가요? 2 260578 19.08.19.18:15 253
595 출첵을 했는데 처리가 제대로 안됐어요! image 국내산라이츄 19.08.19.00:01 189
594 imgur 사용하시는분.... 잘아시는분...질문! 5 홀민 19.08.18.22:08 477
593 a태그를 특정 조건에서만 비활성화시키고 싶은데... +사소한 기능 문제 6 image 국내산라이츄 19.08.08.16:44 776
592 이거 도메인 사용 가능한 거 맞죠? 13 image 국내산라이츄 19.08.08.11:31 237
591 자바스크립트는 왜 이럴까요... 5 image 국내산라이츄 19.08.07.16:06 241
창 크기에 따라서 표의 크기가 달라지는 태그는 없나요? 6 image 국내산라이츄 19.08.05.17:41 261
589 자바스크립트 FormData와 관련된 메서드의 IE 호환성과 관련하여 질문 드립니다 ^^ 6 image 이니스프리 19.08.05.14:22 3426
588 프로알라 에디터를 사용하면 클라이언트단에서 이미지 리사이징을 할 수 있는가요? 6 이니스프리 19.08.02.16:00 330
587 IE11에서 이미지가 깨지는 현상을 해결할 수 있을까요? 2 이니스프리 19.08.02.00:01 3702
586 야후재팬 메일 이용하시는분 계신가요? 2 슬기 19.07.29.23:55 334
585 Composer 설치 가능한 웹호스팅 추천 부탁드립니다 4 이니스프리 19.07.29.21:57 853
584 싸이월드 미니홈피 크롤링 관련하여 질문 드립니다 ^^ 3 image 이니스프리 19.07.27.01:11 646
583 출석 오류 4 image 260578 19.07.25.00:02 196