요즘 유행이 상단 메뉴가 마우스를 따라다니는 position:fixed가 유행이라 그런 작업을 하나 했었다.

그런데 이런 레이아웃은 정확하게 가변형이 안되면(일정 넓이 이하에서 메뉴 버튼이 있고 클릭했을때 펼쳐지는 형태) 약간 문제 아닌 문제가 생긴다.

fixed라는게 항상 브라우져를 따라다니기에 전문가들이 브라우져 넓이에 따른 반응을 본다고 줄였다 늘였다 해 버리면 넓이를 일정이상 고정해 버리면 (메뉴를 우측에 붙혀둘 경우) 고정 넓이 이하에서는 메뉴 일부에 접근이 힘들어 진다.

하단의 마우스 휠을 이동할때마다 header 부분이 좌측에 달라 붙어서 같이 이동하다 보니.... 접근 자체가 안되는 문제가 생기고...

그렇다고 넓이 고정을 안해 버리면 일정 넓이 이하(전체 메뉴 넓이보다 브라우져를 넓이를 줄였을때)에서는 자연스럽게 메뉴가 하단으로 내려오게 된다.

그래서 나름 메디어 쿼리를 이용해서 일정 넓이 이하에서는 메뉴간 간격을 줄이는 방식으로 960px 까지는 메뉴가 안깨지도록 작업을 해 뒀었는데...

이런...

전문가님이 그 이하에서는 메뉴가 안깨지면서 fixed를 유지해 달라고 하신다...

한참 전문가님께 설명을 했지만 

일반 모니터는 요즘에는 960 이하의 모니터가 없고 모바일에서는 기본 넓이를 다 먹고 들어가기에 문제가 없다고 했지만

자신이 아마추어가 아니라는 답변만...

정말 전문가와 작업하는것은

참 힘든 일인거 같다.