Koje promjene

Imajte na umu nedostatak <meta name="viewport" content="width=device-width, initial-scale=1">, koji onemogućuje aspekt zumiranja web stranica na mobilnim uređajima. Osim toga, poništili smo širinu našeg spremnika i promijenili navigacijsku traku kako bismo spriječili kolaps, iu osnovi je spreman.

Što se tiče navigacijskih traka

Napominjemo da je komponenta navigacijske trake prilično nezgodna jer su stilovi za njezin prikaz prilično specifični i detaljni. Nadjačavanja kako bi se osiguralo da prikaz stilova radne površine nije tako učinkovit ili uglađen kao što bi se željelo. Samo imajte na umu da bi moglo doći do potencijalnih problema dok nadograđujete ovaj primjer kada koristite navigacijsku traku.

Preglednici, pomicanje i fiksni elementi

Izgledi koji ne reagiraju 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 spremnika koji ne reagira od 970 piksela i okvir za prikaz od 800 piksela, potencijalno ćete sakriti 170 piksela sadržaja.

To se ne može zaobići jer je to zadano ponašanje preglednika. Jedino rješenje je responzivni izgled ili korištenje nefiksnog elementa.

Mrežni sustav koji ne reagira

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