웹 디자인 관련...

웹페이지를 만들고 있는데, 

위에 보이는 것 처럼 pc 버전에서는 아이콘 위치들이 제대로 자리 하고 있는데, 모바일로 보게 되면 제가 쓰고 있는 LG v10 기종에서는 pc 버전이랑 거의 똑같게 보이거든요... 그런데 다른 기종 들로 보게 되면

위 사진처럼 위치가 이동이 되요... 맨위 사진은 tablet 쪽 해상도고 아래쪽은 mobile로 보시면 됩니다. 맨위 사진은 tablet 화면을 줄여서 mobile 해상도로 맞춰도 위치는 같아요,

전부터 이런 문제가 계속됫는데 그냥 무시하고 하다가, 도저히 이해가 안되서 이렇게 여쭤봅니다... 다른 위치에 있는 레이아웃들은 멀쩡한데, 유독 상단바 header 태그 안에 존재하는 것들만 저렇게 위치가 제각각 흩어지네요.. 특히 위로 자꾸 올라가는 것 같은데,,, ㅜㅜ

http://www.hanmirae.net <- 현재 작업하고 있는 사이트입니다.. 임의로 맞추긴했는데... 좀 아닌것 같아서요..