У меня есть горизонтальное меню, которое отлично работает. По мере изменения времени и фактически уменьшившись до 1024 * 768, меню разбивается на вторую строку, которая является довольно грязной. Любая идея, как сохранить его на одной линии или сделать что-то подходящее технически? P.S: Я не хочу использовать JQuery. Я использую свои собственные коды. Спасибо заранее.Изменение горизонтального меню при изменении разрешения
Используйте для свойства id min-width. Это приведет к тому, что ваш div не будет скользить вниз после достижения определенного предела.
Например:
#menu{ background:#A1DBE6; min-width:xx; /* You can replace your value in pixels instead of xx */}
Надеется, что это помогает.
Спасибо за ответ, у меня есть точка и мое решение. Однако появилась еще одна проблема. Я определил все относительно процентов, и когда я устанавливаю минимальную ширину, при низком разрешении все меняется, но меню, и это не хорошо, потому что отображается горизонтальная прокрутка, показывающая меню из макета. что вы предлагаете мне в этом случае? – Kaveh
предоставить код JSfiddle (не вставляйте сюда, как и раньше), чтобы узнать свою актуальную проблему. - @Kaveh – Nitesh
[ссылка] http://jsfiddle.net/ar5sJ/ – Kaveh
Вы можете указать jsfiddle своего кода? – Nitesh
'
CSS: '#menu {background: # A1DBE6;} #menu ul {margin: 0; обивка: 7px; список-стиль: нет; border-top: 2px solid # 6C939A; } #menu ul li {margin: 0; обивка: 0; display: inline;} ' – Kaveh