I tisdags fick vi ett supportärende som handlade om att text i tre kolumner bröt layouten på iPhone. Efter lite efterforskningar kunde vi fastslå att problemet uppstår då iPhone och iPad förstorar text som anses vara för liten. Detta kan givetvis vara en bra idé för att höja läsbarheten men när resultatet är en trasig layout är det kanske inte lika önskvärt.
För att undvika zoom-relaterade problem i framtiden har vi hittat en lösning. Alla våra mallar har nu en regel på <body>-taggen som eliminerar att iOS-enheter zoomar text.
<body style="-webkit-text-size-adjust:none;">
CSS-regeln gör att iOS– och androidenheter inte zoomar text i någon form. En fördel med denna lösning är att inga andra mailklienter än mobila påverkas av regeln.
Här kan du se skillnaden. Den vänstra bilden visar hur iPhone 5 förstorar texten och den högra utan förstoring.
Lösningen är givetvis inte optimal då det resulterar i att viss text blir väldigt svår att läsa utan att zooma så tänk på att inte göra brödtexten allt för liten. Standardstorleken på denna webbplats är 16px men förminskas till 14px på mobila enheter.
Intresset är stort kring nyhetsbrev och mobila enheter och vi jobbar ständigt för att förbättra våra mallar. Senast vi kollade läste så många som 20% sin e-post i mobilen. Om du har tips eller synpunkter så tveka inte att höra av dig.
Håll utkik i bloggen för senaste nytt!
Hej!
Använder ert verktyg och är mycket nöjd. Jag saknar dock möjligheten att kunna skriva ut nyhetsbrevet på papper eller som pdf. Går det att ordna?
Med vänlig hälsning
Hej Erik,
Vad kul att höra att du är nöjd med verktyget! Just möjligheten att skriva ut nyhetsbrevet eller spara ner det som PDF ligger på vår lista över implementeringar att göra framöver. Håll utkik här i bloggen för uppdateringar 🙂
Ha en fin dag!
Bästa hälsningar,
Sarah