Innehållsförteckning
Responsiv webbdesign, vad är fördelen med webben?Många aspekter av användarnas beteende har studerats av marknadsföringsspecialister och indikerar att 70% av människorna mellan 18 och 45 år surfar på internet inte från datorer, utan från surfplattor och telefoner, vilket är en mycket stor marknad som gärna lägger den åt sidan.
Vad är en responsiv webbdesign?
Det är en design som anpassar sig till alla enheter och skärmupplösningar, oavsett om det är en telefon, en surfplatta, en dator eller en tv -skärm. Allt detta måste anpassas utan att skapa olika versioner av en webbplats för varje enhet, men det är en enda webbplats som måste kunna anpassas.
Ett sätt är via modulfrågemodul CSS3 vilket gör det möjligt att återge innehåll för att passa förhållanden som skärmupplösning
Till exempel i formatet file.css
@import url (styles.css) endast skärm och (max-enhetsbredd: 480px);
Inne i filen börjar vi definiera enheter med en maximal bredd på 480px och orienterade horisontellt:
@media-skärm och (max-enhetsbredd: 480px) och (orientering: liggande) {
/ * här kommer stilarna för den här enheten * /
}
Annan stil för vertikal skärm
@media endast skärm och (minbredd: 680px) och (maxbredd: 979px) och (orientering: porträtt) {
/ * stilar * /
}
Här definierar vi stilar för en iPhone 5
@media-skärm och (enhets-bildförhållande: 40/71) {
/ * stilar * /
}
Idealet är att mäta allt i procent för att kunna skapa en generisk webbplats utan att behöva göra så många stilark.
Ett sätt är genom att placera innehållet som täcker 80% av skärmens bredd, detta kommer att behålla innehållssektionen på vilken enhet som helst.
Några fördelar och aspekter att överväga
Responsiv webbdesign fungerar är ett sätt att göra SEO eftersom vi undviker att duplicera länkar och innehåll för olika versioner av enheten, Google han gillar det även om det inte betyder att det är nödvändigt. Om vi gör det för att vara för mobilanvändare och inte för Google.
För varje enhet är erfarenheten och brådskan olika eftersom den används vid olika tidpunkter.
I allmänhet är de som navigerar från en dator på jobbet eller hemma, därför blir sökningen mer avslappnad och med mer tid att läsa och se bannern, den som navigerar från en surfplatta kommer säkert att vara ett proffs eller någon som utför en specifik uppgif.webpt för därför behöver du vägledning eller referensinformation men inte något som hindrar din sökning.
Medan de som navigerar via telefon kommer att vara de yngsta eller personer med mycket mer rörlighet och kommer att leta efter snabb och konkret information för brådskande förfrågningar eller snabb sökning efter information om en plats, händelse eller behov av kommunikation, avslöjas några av dessa aspekter i comScore -rapport om onlinemarknadsföring som är gratis, gratis och återspeglar de årliga trenderna.
