innerHeight1

• 

  [JS]JavaScript, JQuery 브라우저 크기 구하기(해상도 구하기) 웹 개발을 할 때 반응형 웹을 고려하거나, CSS에서 이미지나 Element의 위치를 정할 때 웹 브라우저의 크기를 생각해야할 때가 있다. 보통 픽셀단위로 값을 설정하게되면 이 값을 절대적인 값이기 때문에 개인 모니터의 해상도에 따라 의도와 다르게 나타나는 경우가 생기기 때문이다. 이 경우에는 웹 브라우저의 크기를 구하여 이러한 경우를 최소화 할 수 있다. JavaScript의 경우 위와 같이 window객체를 이용하여 해상도를 구할 수 있는데 innerHeight 와 outerHeight 의 차이에 대해 궁금할 수 있을 것이다 쉽게 설명하면 그림과 같다. 브라우저의 빨간색영역이 outer 브라우저의 파란색 영역이 inner 제이쿼리의 경우도 위와 같이 wi.. 웹개발/Java & JavaScript 2020. 11. 25.