• 목록
  • 아래로
  • 위로

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

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


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


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

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


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

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

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

작성자
국내산라이츄 102 Lv. (50%) 840650/848720EXP

인생은 양자역학이외다

댓글 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 2202
공지 [중요] 호스팅 만료와 관련하여 일부 수칙이 변경됩니다. 4 마스터 23.01.14.02:23 5884
공지 [필독] 질문하는 방법 17 마스터 18.02.23.03:09 4541
646 제가 자바스크립트를 잘몰라서 원론적인 질문 하나 드립니다. 6 홀민 18.12.06.09:10 218
645 호스팅신청페이지 및 FTP접속이 안됩니다. 4 image 막시모 18.12.20.10:56 218
644 음성번역기 앱 중에 켜놓으면 계속 번역을 해주는 앱이 있을까요? 이니스프리 19.12.25.11:16 218
643 홈서버용 CPU 좀 봐주시면 감사하겠습니다~ ㅠㅠ 7 image 이니스프리 20.02.24.22:40 218
642 사이트 메인페이지에 갈림길 화면이 뜨게 하는 법에 대하여 어쭈어 봅니다. 5 image 입체그림 20.04.01.19:31 218
641 늦었네요. 배치파일 관련해서 도와주실 수 있나요? 2 Seia 17.05.21.01:22 219
640 회원만 댓글창이 보이고 작성가능한 게시판의 코드를 비회원도 볼수있게 수정하고싶습니다 2 손가락개 20.09.21.01:59 219
639 하천 복개 공사가 서버에 영향을 미칠까요? 4 image 이니스프리 19.02.09.22:42 220
638 흠.. 여기가 빠른 답변이 가능할까요? 3 워시퍼 19.02.26.15:21 220
637 JS 반복 처리에 대한 로컬저장문제와 PHP의 Request의 비동기처리 2 Hanam09 19.10.20.23:10 220
636 구글 애드센스 잘아시는분 있나유? 2 슬기 19.11.14.23:54 220
635 XE 에디터가 작동하지 않아요 ㅠㅠ 4 image 입체그림 20.03.03.17:30 220
634 JSP의 장단점에 대해 질문 드립니다. 21 이니스프리 20.06.09.21:42 220
633 php udp socket으로 struct 형태의 data를 보낼 수 있나요? 5 연우빠 18.07.20.15:58 221
632 그냥 궁금해서 적어봅니다 6 title: 열려라 맛스타의 자물쇠TVJ 17.04.23.18:48 222
631 이거 무슨 오류인가요? image 국내산라이츄 17.07.30.21:58 222
630 phpmyadmin이랑 FTP 접속이 안되는데... 2 국내산라이츄 19.05.06.00:57 222
629 질문이 있습니다! 2 준그루 17.12.17.04:36 223
628 대구시 수돗물 발암물질 좀 도와주세요. 10 참비 18.06.22.10:55 223
627 모바일과 윈도우에서 잘 작동하는 note taking 앱이 있을까요? 6 이니스프리 21.03.28.22:58 223