Навигационное меню Размер экрана Выпуск

Я работаю с меню навигации. У него нет ниспадающих меню, это просто обычное горизонтальное навигационное меню. Проблема, с которой я сталкиваюсь, заключается в том, что, когда страница загружается на экран 1280 x 768, текст меню выглядит значительно больше, что приводит к тому, что элементы меню переходят на следующий уровень. На моем экране 1600 x 900 все выглядит отлично. Я использую Firefox между обоими компьютерами. Один ПК - это Windows 7, это Windows Xp. Я подумал, что это, возможно, Cleartype, но отключение этого не решило проблему. Интервал между текстами был другой идеей, но установка, которая также не решила проблему. Я могу отправить код, если это необходимо, но я чувствую, как будто я это вынес.Навигационное меню Размер экрана Выпуск

<div class="wrapper clearfix"> 
<nav> 
    <ul id="nav" class="sf-menu"> 
     <li ><a href="index.php">Home</a></li> 
     <li><a href="loans.php">Loans</a></li> 
     <li><a href="checkings.php">Checkings</a></li> 
     <li><a href="credit.php">Credit Cards</a></li> 
     <li><a href="debit.php">Debit Cards</a></li> 
     <li><a href="savings.php">Savings</a></li> 
     <li><a href="member_ed.php">Member Education &amp; Calulators</a></li> 
     <li><a href="about.php">About Us</a></li> 
     <li><a href="vehicles.php">Vehicles &amp; Homes</a></li> 
     <li><a id="last_item" href="">Mortgages</a></li> 
    </ul> 

</nav> 
</div>

CSS

nav{ 
margin-top: 0px; 
height: 30px; 
} 


nav a{ 
text-decoration: none; 
} 

#nav li{ 
float:left; 
} 

#nav>li>a{ 
font-family:'Yanone Kaffeesatz', Arial, sans-serif; 
font-size: 1.35em; 
letter-spacing:.05em; 
} 
.wrapper { 
width: 940px; 
-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */

}

Там нет разница между словами, так что должно быть действительно такой же ширины.

источник

2013-04-12 Andrew Threadgill

Пожалуйста, включите соответствующие стили HTML и CSS. – adamb

похоже, что ваши объекты плавают без контейнера, имеющего фиксированную ширину, поэтому, когда ваш видовой экран мал, он будет обертываться, а когда ваш видовой экран большой, он не будет обертываться. – Huangism

. Вы указали ширину макета в пикселях и размере шрифта в 'pt 's? '1pt' составляет 1/72 дюйма, что не всегда 1 пиксель, если плотность экрана не равна 72ppi. – Pietu1998

В случае, если кто-либо столкнется с этой проблемой. Это была действительно проблема с веб-шрифтом, который я использовал. При разных размерах он имел разный интервал. Когда я сменил шрифты, у меня не было проблемы.

источник

2016-03-24 01:01:36

Навигационное меню Размер экрана Выпуск

ответ

Смежные вопросы