6 grundlæggende responderende web - design,

, statcounter, dublin - baserede selskab, registreres mobile browser anvendelse andel på 20% i november.personlige computere, tegnede sig for resten.det betyder, ud af den samlede hjemmesider ses i november, 20% blev anset for mobilt udstyr.den mobile browser anvendelse andel er steget med 53% i løbet af de seneste 12 måneder. disse statistikker viser, hvor hurtigt brugerne går over til mobile enheder, når det kommer til anvendelse af internettet.derfor enten har de en særskilt mobile websted, eller du har en ansvarlig websted, der giver store brugernes erfaringer med hensyn til læsbarhed og navigation på alle anordninger - tablet eller mobiltelefon.,, valg og' er enkel - a - responsive websted, der tilpasser sig til skærmopløsning og størrelse.,, a - responsive websted ikke kun hjælper med at redde driftsudgifter på et websted, men også driver trafik på din hjemmeside.hvis du ikke ' ikke en lydhør websted, vil du gå glip af, at 20% af mobile browser andel., her er 10 forslag til en effektiv respons web - design,, 1.enkel opstilling, anvende enklehttp: //- kode og forsøge at holde deres layout så enkelt som muligt.for at undgå unødigt komplicerede divs.undgå at bruge moderne tricks såsom css3 særlige virkninger i overensstemmelse med styles og kritisk er.brug html5 doctype og simple teknikker som navigations - og menuer.,,. 2.brug af medier, søgninger, medier, er let at bruge og perfekt til at definere, bredde forhold.det giver dig mulighed for at lade en anden stil ark eller tilføje specifikke styles pr. klient ' nuværende, bredde.,, tjek nogle af de eksempler på medier, søgninger, fra 200 til 640 px:,, @ medier skærm og min bredde: 200px) og (max bredde: 640px), portræt, mindre end 380 px, @ medier skærm og min bredde: 380px) og orientering: portræt),, 3.de grænseværdier, der er 6 store breakpoints for responderende web designer - < 480 < 768, og> 768, og< 320 768-1024 og > 1024., kan du bruge, brug og> 768px regel for store tab og desktop - pc 'er, for lav opløsning, anvendelse, tilføje > 768px og, anvender en bred udformning til desktop - at tilføje en > 1024px stil blad,, 4.kan du huske ' max ' og ' minutter og',, max - * og min - * for at forhindre, at deres layout af stigende og faldende drastisk, mens den opstilling af usædvanligt store eller små anordning., for optimal forenelighed, kan du få en væske layout media med præcis min /størrelse og medier forespørgsel break point.eksempler:,,,, på mindst 350 højt, mi n-height: 350px;,, væske, ikke over alt og ikke under 768, min bredde: 768px;, max bredde: 1024px;,, 5.fleksibel er bedre, er det vigtigt at have en fleksibel udformning, der kan opnås gennem flydende billede.det sikrer, at design er klar for alle skærmstørrelse, beslutning eller orientering.flydende billede i kombination med rigtige medier forespørgsler er klar for enhver anordning med en skærm).,, 6.få indhold i en kolonne, til at etablere sig i den lave resolution stil ark, få alle indholdet i en kolonne.du kan opnå det ved at tilsidesætte bredde af hver kolonne blok i din mobil - blad.,, hvis det kræves, du kan anvende særlige regler at fastsætte udformningen af dele, der kan blive brudt, såsom margen.,, det er nogle af de opgaver, der gælder for dannelsen af en lydhør web - design.a - responsive websted er behovet for time for alle virksomheder.der er en række fleksible web - design, virksomheder i indien, at tilbyde effektiv web - design og udvikling af tjenester.,



Previous:
Next Page: