ウェブサイトのメニューバーを1行に表示するにはどうすればよいですか？

Question

私はサイトを構築しており、問題が発生しました。 私はメニューバーを完全に配置しましたが、ディスプレイの解像度やアンドロイドデバイスが何らかの理由で[連絡先]メニュー項目が新しい行にジャンプする傾向があります。 ウェブページのリンクはhttp://uk.delux.lvです。それをズームして何が起こるかを試してみてください。 これは、メニューのCSSです：

#topmenu_wrap { 
    margin:auto; 
    overflow: auto; 
    background: #fff; 
} 

#topmenu { 
    background-color: #fff; 
    width:966px; 
    margin:auto; 
    padding-left: 0px; 
    font-family: 'Droid Sans', sans-serif; font-weight: 400; 
    font-size: 13px; 
    color: #969696; 
} 

Answer 1

私が提案する何> ULでpadding: 16px 15pxに対するLiをAタグのパディングを設定することです。クラスメニューのtopnav> ulの幅の合計をwidth: 966pxに設定します。

イメージを作成しない限り、topnavでテキストの幅を制御することはできません。これにより、ユーザーがズームした距離やブラウザーでテキストを設定したサイズに関係なく、テキストを同じままにすることができます。

テキストを静的に設定する方法があると思いましたが、誰かがズームしても何も起こらなかったのに、見つけられませんでした。

拡大する限り、私はそれをしません。あなたはすべての人間のブラウザとそれが見える方法を制御することはできません。私が働いているところでは、5つの主要なブラウザの通常のビューしかチェックしていません。