Jag jobbar med en hemsida och vill förstås att den ska se ungefär likadan ut i en vanlig webbläsare som i en Iphone. Problemet jag har är att text och bilder skalas olika. På http://linweb.se/demo/hagon/test5.html slutar texten i höjd med underkanten på bilden i exempelvis Safari eller Firefox. Tittar man på samma sida i en Iphone skalas texten upp i förhållande till bilden och bilden räcker nu bara till ungefär halva texten. För att skapa den design jag vill ha ska textblocket och bilden vara lika höga, vilket alltså fungerar dåligt i Iphonen. Någon som vet hur man kan lösa detta?
Fel tänk, tänk: det ska funka, tänk inte: det ska se lika ut, thats how the web works.
Det går kanske att ange storleken på bilden med em? (antar att man har en special CSS för som väljs automatiskt för bärbara enheter) som alltså då baseras på textstorleken. (Så om jag vill ha större text för att jag ser dåligt blir bilden också större och hela sidan blir bananas.)