responderende prisniveau ved hjælp af: mål for små skærme,,,,,,, prisniveau, kan være et effektivt middel til at hjælpe brugerne med oplysning og differentiere de valg, der er til rådighed.i sidste ende prisniveau kan konvertere besøgende til værdifulde kunder, så det er vigtigt, at vi overvejer, hvordan de arbejder på forskellige skærme og anordninger,.,,, vi skal lave en væske, prisfastsættelse, tabel, så ændrer det vises på forskellige viewport størrelse ved hjælp af medier forespørgsler.lad os komme i gang!,, at vælge en lydhør css ramme, vi skal støtte sig til en allerede eksisterende rammer for at løse vores grid - målinger og medier forespørgsler.det er ikke afgørende, men det vil spare os noget tid, har vi et par muligheder, mest grundlæggende mellem adaptive og lydhør opstillingsskemaer.,, adaptive layout: ved hjælp af medier, må vi skifte mellem en række faste opgaver, arbejde (i princippet) helt for hver anordning vindue størrelse.men det er ufleksibel, og undertiden kan resultere i en udformning, der fejlagtigt mellem usædvanligt vinduesstørrelser.,, fleksible layout: ved hjælp af en væske grundlag element bredder, præciseres i procenter i stedet for fast pixel (em) værdier.det giver os større fleksibilitet for at udstille på apparatet størrelse, kan vi få forelagt og gør dem mere fremtidige venlig.,, jeg foretrækker skelettet ramme for at skabe fleksible modeller, men misligholdelse skelet rammer anvender en række forskellige faste opgaver.i stedet, vil jeg bruge en flydende version af skelet af ian yates, i hele denne forelæsning.,, trin 1: tillæg for desktop - skærme, der traditionelt har været i forbindelse med udarbejdelsen af en desktopcomputer eller bærbare vi stolede på 960px som standard bredde.for at lette, det er, hvordan vi skal springe ind her. - så lad os se, hvordan vi kan udvikle vores priser tabel for store skærme. <!doctype html > <!- hvis det er [7] > < http: //klasse = ", dvs. ie6" lang = ", en" > <![endif] - > <!- hvis er 7] > < http: //klasse = ", dvs. ie7" lang = ", en" > <![endif] - > <!- hvis er 8] > < http: //klasse = ", dvs. ie8" lang = ", en" > <![endif] - > <!- [(gte, dvs. 9)
Computer læring 