<p> incorrect if background color is not used

Question

I am developing a mobile site, so I use CSS to make everything as fluid as possible.

I have a strange difficulty. In the div container, I have <p>one that should fill the width of the div. I tried width:auto, width:100%... nothing works in Android-browser. Here are some examples:

iOS (correct):

Android (wrong, not fully distributed, more text added than iOS version so you can see what I'm talking about):

Both screenshots are taken from the respective emulators.

, ... , <p> , Android <p> div ( IOS). , ( , LOL), , .

, <p>, CSS, ... - Android-? , ?

.

Answer 1

, , , "" png <p>, ... .:) , - Android-, , .

Answer 2

Android. , , .

, , , , .

"" , .

URL- base64:

background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);

Answer 3

In the settings of your mobile browser, find something called "Auto Fit Pages" and turn it off. This option (on Android) is enabled by default. Turn it off and your text will flow as it should.

Answer 4

could be a div problem or any element above that

.

if you give a fixed width to the p element, does it work well?