Tämä liittyy ehkä zoomaukseen, mutta joka tapauksessa ongelma ilmenee vain kännykän selaimella (AppleWebKit/537.36).
Joskus p-tagin sisältämän tekstin leveys ei ole 100 % sitä ympäröivän divin leveydestä.
Jos p-tagissa on CSS:nä background-color:#FFFFFF, leveys on aina 100 %, mutta jos jos on background-color:transparent tai background-coloria ei erikseen määritetä, leveys ei ole 100 % vaan vähemmän.
Löytyisikö apuja?
<html> <head> <title>Test</title> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <meta http-equiv="Content-Language" content="fi" /> </head> <body style="background-color:blue"> <div style="width:600px; margin-left:auto; margin-right:auto; background-color: #FFFFFF;"> <p>This width is not 100% - This width is not 100% - This width is not 100% - This width is not 100%</p> <p style="background-color:transparent">This width is not 100% - This width is not 100% - This width is not 100% - This width is not 100%</p> <p style="background-color:#FFFFFF">This width is 100% - This width is 100% - This width is 100% - This width is 100%</p> </div> </body> </html>
Ootko kokeillu miten näkyy jos lisäät viewport metan headeriin?
https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag
Aihe on jo aika vanha, joten et voi enää vastata siihen.