css - ブートストラップ ナビゲーションを右に引くと、ヘッダーが画面からズームアウトします

Question

モバイルでズームインすると、ヘッダーもズームインされるため、ヘッダーのセクションである class nav pull-right が画面から切り取られます。どうすればこれを修正できますか? おそらくヘッダーのサイズを画面の幅に固定しますか？

  <nav>
    <ul class="nav pull-right">
      <div class="signinform" <% if request.path == root_path && current_user.nil? %> style="padding-top: 18px;" <% end %>>
          <%= form_for(:session, url: sessions_path, :html => { :class => "form-inline"}) do |f| %>
              <input id="session_email" name="session[email]" type="text" class="input-medium" placeholder="Email">
              <input id="session_password" name="session[password]" type="password" class="input-medium" placeholder="Password">
              <button type="submit" class="btn btn-small btn-primary">Sign in</button>
          <% end %>
      </div>
    </ul>
  </nav>