2013-04-04 6 views

ответ

0

Вы можете легко достичь желаемого через CSS3Media Queries в вашем CSS ..

На самом деле вы не использовали Media Queries, поэтому ваше меню не регулировать в соответствии с размерами экрана ....

И как использовать CSS3 Media Queries, прочитайте приведенные ниже статьи, они действительно полезны.

Media Queries for Standard Devices

How To Use CSS3 Media Queries To Create a Mobile Version of Your Website

+0

любой шанс я мог бы просто отрегулировать существующий css и избежать использования медиа-запросов? – splinterteal

+0

@splinterteal, да, но, возможно, вы не хотите: менять фиксированное положение на «position: absolute» или даже лучше переписать его со статической позицией. Но с этим вы, конечно, потеряете фиксированное меню. –

1

position: fixed как название говорит, фиксирует положение в окне. Если он не учитывает вертикальную прокрутку, он, конечно же, не учитывает горизонтальную прокрутку. Вы должны использовать медиа-запросы:

@media screen and (max-width: 980px) 
{ 
    #header 
    { 
     position: absolute; 
    } 
} 

Это всего лишь намек. Возможно, вам придется настроить или расширить этот код. Но это дает вам отправную точку.

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