반응 형 기능을 유지하면서 모바일 브라우저에서 무한 자동 새로 고침을 방지 하시겠습니까?

자바 스크립트 자동 새로 고침 스크립트의 발견으로 나 자신보다 앞서가는 것 ..

//refresh page on browser resize
$(window).bind('resize', function(e)
{
  console.log('window resized..');
  this.location.reload(false); /* false to get page from cache */
  /* true to fetch page from server */
});

화면 크기에 관계없이 내 사이트가 탐색 표시 줄을 자동으로 조정하는 방법으로 사용하도록했습니다. 내 목표는 주로 내비게이션 바의 메뉴 아이콘이 "오른쪽에 떠 다니는"것이었지만 작은 화면에서도 여전히 화면에 표시되는 것이 었습니다. 그리고 나는 이것에 대해 더 나은 방법이 있다는 것을 알고 있지만, 현재로서는이 방법이 나의 제한된 자바 스크립트 지식을 통해 가장 잘 작동하는 것처럼 보였습니다. 판단이 없습니다! :-피

어쨌든 여기에 내 문제가 있습니다. 탐색 표시 줄은 새로 고침시 자체 크기가 조정되지만 작은 화면과 모바일 브라우저에서는 사용자가 사이트에서 아래로 스 와이프 할 때마다 페이지가 새로 고침됩니다. 대부분의 태블릿과 스마트 폰에서도 마찬가지입니다.

내가 여기에서 말하는 것을 보려면 내 웹 사이트에 대한 대체 링크가 있습니다 (내 데이터베이스 atm을 업데이트하여 무서운 주소 번호에 대해 사과드립니다)

http://69.194.231.142    <---Please copy/paste this address into major/mobile browsers for diagnosis

랩톱 및 대형 화면에서 잘 작동하지만 휴대폰이나 태블릿에서이 사이트를 볼 때 무한대로 새로 고침하거나 스크롤 할 때마다 새로 고침됩니다.

이 성가신 코드의 작은 수수께끼를 해결할 방법이 있다면 알려주세요. 또는 적어도 한 번만 새로 고쳐지고 무기한이 아닌 코딩을 진행하는 더 좋은 방법입니다. 이것이 가능한지 모르겠으므로 대체 솔루션을 환영합니다.

전체 페이지가 아닌 탐색을 구성하는 CSS 만 새로 고칠 수있는 방법이 있을까요? 그 중 하나 또는 페이지를 한 번만 새로 고칠 수있는 것은 훌륭합니다 :-D

감사!