Šta se menja

Obratite pažnju na nedostatak <meta name="viewport" content="width=device-width, initial-scale=1">, koji onemogućava aspekt zumiranja stranica na mobilnim uređajima. Osim toga, resetirali smo širinu našeg kontejnera i promijenili navigacijsku traku da spriječimo kolaps, i u osnovi smo spremni.

Što se tiče navigacijskih traka

Podsjećamo, komponenta navigacijske trake je prilično zeznuta jer su stilovi za njeno prikazivanje prilično specifični i detaljni. Zaobilaženja kako bi se osiguralo da prikaz stilova desktopa nije tako efikasan ili elegantan kao što bi neko želio. Samo imajte na umu da mogu postojati potencijalni problemi dok gradite na ovom primjeru kada koristite navigacijsku traku.

Pretraživači, skrolovanje i fiksni elementi

Nereagirajući izgledi ističu ključni nedostatak fiksnih elemenata. Bilo koja fiksna komponenta, kao što je fiksna navigacijska traka, neće se moći pomicati kada okvir za prikaz postane uži od sadržaja stranice. Drugim riječima, s obzirom na širinu kontejnera bez odziva od 970px i okvir za prikaz od 800px, potencijalno ćete sakriti 170px sadržaja.

Ne postoji način da se ovo zaobiđe jer je to podrazumevano ponašanje pretraživača. Jedino rješenje je responzivni izgled ili korištenje nefiksnog elementa.

Mrežni sistem koji ne reaguje

Jedna trećina
Jedna trećina
Jedna trećina