Hogyan lehet olyan mobil weboldalt készíteni, ami minden méretű készüléken minden böngészőben ugyanúgy jelenik meg?

Alapvető dolgokat próbáltam ki.

Csináltam egy sima html-t, abban egy <p> és </p> között van folyószöveg. Nem tudom elérni, hogy a kisebb méretű androidos, a nagy androidos és az iphone pontosan ugyanott törje meg a szövegeket.

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no;" />

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; font-size: 100%; line-height: 1.231; }

És ez csak egy szimpla teszt. Ha egy rendes mobil weboldalt megcsinálok úgy, hogy Androidos készülékeken jól nézzen ki, akkor iphone-on hatalmasak lesznek a fontok. A -webkit-text-size-adjust beállítás semmilyen formában nem segít.

Mi lehet a megoldás?