Шта се мења

Обратите пажњу на недостатак <meta name="viewport" content="width=device-width, initial-scale=1">, који онемогућава аспект зумирања сајтова на мобилним уређајима. Поред тога, ресетовали смо ширину нашег контејнера и променили навигациону траку да спречимо колапс, и у основи смо спремни.

Што се тиче навигационих трака

Подсјећамо, компонента навигацијске траке је прилично зезнута јер су стилови за њено приказивање прилично специфични и детаљни. Заобилажења како би се осигурало да приказ стилова радне површине није тако ефикасан или елегантан као што би неко желео. Само имајте на уму да може бити потенцијалних проблема док градите на врху овог примера када користите навигациону траку.

Прегледачи, скроловање и фиксни елементи

Распореди који не реагују наглашавају кључни недостатак фиксних елемената. Било која фиксна компонента, као што је фиксна навигациона трака, неће моћи да се помера када оквир за приказ постане ужи од садржаја странице. Другим речима, с обзиром на ширину контејнера који не реагује од 970 пиксела и оквир за приказ од 800 пиксела, потенцијално ћете сакрити 170 пиксела садржаја.

Не постоји начин да се ово заобиђе јер је то подразумевано понашање претраживача. Једино решење је прилагодљив изглед или коришћење нефиксног елемента.

Мрежни систем који не реагује

Једна трећина
Једна трећина
Једна трећина