인프런 커뮤니티 질문&답변

HyunJu Park님의 프로필 이미지
HyunJu Park

작성한 질문수

애플 웹사이트 인터랙션 클론!

innerWidth에 대해 / 캔버스 드로우 애니메이션 1 강의부분

작성

·

157

0

늘 강의 감사히 듣고있습니다.

캔버스 드로우 애니메이션1 에 21:33

부분에서 innerWidth가 스크롤바를 포함한다고 하신부분이

검색해보니 innerWidth는 스크롤바를 포함하지않는크기라고 나오더라구요

https://webclub.tistory.com/105

제가 잘못알고있는걸까요?;

중복질문이면 죄송합니다.

답변 2

1

1분코딩님의 프로필 이미지
1분코딩
지식공유자

저도 원래 예전부터 innerWidth를 즐겨 사용했었는데,
요즘은 모바일을 비롯해 브라우저가 여러가지로 나오다보니
innerWidth의 동작이 운영체제/브라우저에 따라 조금씩 차이가 있는 것 같습니다.
특히 맥에서 구동되는 브라우저들은 모바일같은 플로팅 스크롤바와 일반 스크롤바가 섞여나오기도 하고 그래서 상황에 따라 조금씩 차이가 있는 것 같더라고요.
그래서 명시적으로 콘텐츠(body) 크기만을 가리키는 document.body.clientWidth 또는 document.body.offsetWidth를 사용하는 편이 확실하다고 판단이 됩니다^^

아 그리고 중복질문은 하셔도 전혀 상관없습니다! ㅎㅎ

0

HyunJu Park님의 프로필 이미지
HyunJu Park
질문자

알기쉽게 설명해주셔서 

감사합니다~!!  

HyunJu Park님의 프로필 이미지
HyunJu Park

작성한 질문수

질문하기