每次调整浏览器窗口大小时，如何避免导航栏被切断？

Question

我有一个固定的标题，在标题中，徽标和高度在您滚动时会发生变化，一切正常，除了当您调整浏览器窗口大小时，一切都保持原位，但导航栏被切断。有谁知道如何解决这个问题？

导航栏和徽标图像使用 Jquery 更改，我使用的是宽度：100%；标题和导航栏宽度：700px；徽标是 float:left，导航栏是 float:right。

当我调整窗口大小时，一半的标题消失了。 我想要的是在调整浏览器窗口大小时显示所有标题。

	$(function() {
	  var shrinkHeader = 100;
	  $(window).scroll(function() {
	    var scroll = getCurrentScroll();
	    if (scroll >= shrinkHeader) {
	      $('.head').addClass('shrink');
	      $('#logo').hide();
	      $('#postLogo').addClass('now').show();
	    } else {
	      $('.head').removeClass('shrink');
	      $('#logo').show();
	      $('#postLogo').addClass('now').hide();
	    }
	  });

	  function getCurrentScroll() {
	    return window.pageYOffset;
	  }
	});

.head {
  width: 100%;
  min-width: 1350px;
  height: 100px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}
#logo {
  margin-top: 5px;
  float: left;
  cursor: pointer;
}
#menu_list {
  width: 655px;
  margin-top: 20px;
  float: right;
}

<div class="head">
  <div id="header">
    <div id="logo">
        <img/>
    </div>
    <div id="postLogo" style="display:none">
      <img/>
    </div>
    <div id="menu">
      <ul id="menu_list">
        <li>1</a></li>
        <li>2</li>
        <li>3</li>
      </ul>
    </div>
    <!--end menu-->
  </div>

Answer 1

提供你的“导航”意味着你的#memu_list - 请在你的问题中更清楚 - 你必须用相对宽度设置它（例如在%或em中）