Enkla steg gör webbplatsen mobilvänlig (responsiv design)?
Jag har äntligen gjort min sida: steakovercooked.com mobilanvändarvänlig och därmed är alla webbsidor på alla mina 6 domäner hittills kvalificerade för användarvänliga.
Det mobilanvändarvänliga är nu en faktor i rankningen, t.ex. tenderar Googles sökmotorer att marknadsföra de webbplatser som klarar det mobilanvändarvänliga testet.
mobilvänlig
Här är stegen för att göra mobilen användarvänlig, även känd med Responsive CSS Design.
Rensa upp inline CSS i HTML-taggarna
Inline CSS i HTML-taggarna är dåliga, eftersom de blandar presentationen och HTML, till exempel,
Stilen definieras direkt i HTML div-taggen, vilket inte går att ändra med externa formatmallar.
Använd inte pixlar med specificerad/fast bredd
Om du definierar något som t.ex. width:900px är det troligt att det inte är mobilvänligt. Du kan ersätta detta med en procentsats t.ex. 30%. Mindre pixlar är mindre sannolikt att vara ett problem, t.ex. ikoner är bra i små skärmupplösningar. Föreställ dig bara, den minsta skärmbredden är 300 pixlar (ungefär), så du vill inte att något av dina HTML-element ska vara bredare än så.
Sätt följande inuti head-taggen
Bilder/tabeller är värst
Tabeller är sämst för responsiv design, så du kan behöva ersätta dem med enkla div-element. Bilder bör specificeras med följande maxbreddstil, t.ex
Det är det, inga komplicerade saker! Observera att en mobilanvändarvänlig sida inte är detsamma som AMP (Accelerated Mobile Pages).