Video: Technology Stacks - Computer Science for Business Leaders 2016 2024
Sedan CSS version 2 har det varit möjligt att skapa stilar specifikt riktade till olika enheter genom att ändra medietypen. Det är till exempel vanligt att skapa ett speciellt stilark för skrivare som tar bort bakgrundsbilder och andra designelement som kan göra en sida svår att läsa när den skrivs ut.
CSS 3 tar denna idé ett steg längre, vilket gör det möjligt att rikta in iPad och iPhone i stående och liggande riktningar. Den Jelly Rancher webbplats som används här som ett exempel innehåller två uppsättningar av stilar: En uppsättning stilar fungerar bra i de senaste skrivbords webbläsare, och de extra stilbladen är utformade för iPhone och iPad.
Här ser du resultatet av att du använder två formatark så att samma HTML-sida kan visas olika i liggande och stående läge.
Den här sidan startades genom att skapa ett stilark utformat för skrivbords webbläsare som heter huvud. css. Det stilarket är länkat till sidan med följande kod:
Nästa länk läggs till stilarken som skapades för landskapet och porträttlägena på iPad och iPhone. Observera att CSS 3 inte specifikt innehåller ett sätt att rikta in iPad eller iPhone, men du kan använda CSS 3 för att rikta in någon skärmstorlek.
Sålunda riktade platserna iPhone och iPad genom att ange maximala och minsta bredder som motsvarar storleken på varje enhet. För att ytterligare skilja stilark, läggs orienteringen för att identifiera vilket stilark som ska tillämpas av webbläsaren när enheten är i stående eller liggande läge.
Här är länkarna till de två stilarken för iPad:
Anteckningar ingår i koden mellan kommentarkoder för att göra det enkelt att identifiera de olika stilarken i HTML. Till exempel linjen
Här är länkarna till de två stilarken för iPhone: