Support » AllmĂ€nna frĂ„gor » Göra rubriker responsive med media queries

Visar 1 svar - 1 till 2 (av 2 totalt)
  • Moderator tobifjellner (Tor-Bjorn Fjellner)

    (@tobifjellner)

    WordPress-hemmapulare, Projektledare, Författare, ÖversĂ€ttare och VĂ€nlig SjĂ€l

    Det gÄr inte att pÄ rak arm sÀga vilka brytpunkter du ska vÀlja.
    Börja med att planera helheten för sidans layout vid olika bredder.
    Du kanske vill sĂ€tta en maxbredd pĂ„ 1500px för hela sidan, sĂ„ att en eventuell bredare skĂ€rm fylls med bakgrundsfĂ€rgen i bĂ„da marginalerna, och i det lĂ€get köra med dubbla sidopaneler? För bredder mellan sisĂ„dĂ€r 700 och 1100 px kanske du vill ha en sidopanel med fast bredd och variabel bredd för ”huvudspalten”, och under 700 kanske du vĂ€ljer att skicka ned ”sidopanelerna i kĂ€llaren” och ersĂ€tta menyn med en ”hamburgare”… Allt detta beror Ă€ven pĂ„ vilken typ av innehĂ„ll du har.
    Kolla runt pÄ fÀrdigbakade teman/olika webbplatser och kolla vilka brytpunkter de anvÀnder.
    NĂ€r du sedan skapar ditt eget, var noga med att prova det, sĂ„ att allt fungerar korrekt. Misstag kan leda till att fönster som rĂ„kar ha en bredd i nĂ€rheten av dina brytpunkter plötsligt fĂ„r innehĂ„ll som dubbleras eller försvinner. (Om du t.ex. har en rubrikstil upp till 690 px och en annan över 690 px sĂ„ kanske exakt 690 px blir ”odefinierat” och dĂ€rmed helt saknar rubriken…)

    Innan du gĂ„r vidare kan det vara god idĂ© att lĂ€sa pĂ„ om hur du hanterar högupplösta skĂ€rmar. Googla pĂ„ ”retina CSS WordPress”.

    TrÄdstartare peterularsson

    (@peterularsson)

    Tack för ditt svar Tor-Bjorn! 🙂

    Ok, jag förstÄr.

    Önskar dig en fin dag!
    Peter 🙂

Visar 1 svar - 1 till 2 (av 2 totalt)
  • Du mĂ„ste vara inloggad för att svara pĂ„ detta Ă€mne.