In HTML heb ik de body een font-size van 16px gegeven. Dit rendert op de desktop prima. Met een media query voor max-width van 1100px staat font-size op 14px omdat de tekst er in Chrome voor Android anders iets te groot uit ziet. Iphone heb ik nog niet kunnen testen.
Het probleem is dat de tekst in Edge op zowel een Lumia 640 als 650 onleesbaar klein is. Het lijkt erop dat die 14px door Edge als device pixels worden toegepast i.p.v. CSS pixels. Best wel bizar als dat waar is.
Ik heb het probleem alleen met deze zelf gebouwde site. Andere sites zien er op de Lumia's gewoon goed uit maar ik heb ondanks een lange zoektocht nog niet kunnen ontdekken hoe dat precies kan. Ik heb het al met een dpi media query geprobeerd maar dat werkt niet met Edge. Is een user agent query misschien de oplossing? Hoe pak ik dat dan aan?
Het probleem is dat de tekst in Edge op zowel een Lumia 640 als 650 onleesbaar klein is. Het lijkt erop dat die 14px door Edge als device pixels worden toegepast i.p.v. CSS pixels. Best wel bizar als dat waar is.
Ik heb het probleem alleen met deze zelf gebouwde site. Andere sites zien er op de Lumia's gewoon goed uit maar ik heb ondanks een lange zoektocht nog niet kunnen ontdekken hoe dat precies kan. Ik heb het al met een dpi media query geprobeerd maar dat werkt niet met Edge. Is een user agent query misschien de oplossing? Hoe pak ik dat dan aan?
:strip_icc():strip_exif()/u/162143/crop5b6d888e9cc79_cropped.jpeg?f=community)
Ziet er nu prima uit!