This very simple html file
<!DOCTYPE html>
<html>
<head>
<title>My Page</title>
</head>
<body>
<h1>Header</h1>
<p>Paragraph with some text. Paragraph with some text. Paragraph
with some text. Paragraph with some text. Paragraph with some text.</p>
Label: <input type="text"> <br />
<input type="submit" value="Button">
<p>Paragraph with some text. Paragraph with some text. Paragraph
with some text. Paragraph with some text. Paragraph with some text.</p>
</body>
</html>
is displayed in google chrome on android 4.1.2 with very small font size for the "Label:" and the input field.
How can I make the label and the paragraph have the same font size?
Even when I specify a style="font-size: 24px" for all parts (the label and input wrapped with a "p") the label and input still appear with a much smaller font size. You can test it here: link to the above html
P.S. putting less text in the two "p"s makes it work properly.
p
or so, so it's probably taking a style from a parent (body ?) or the default style. What happens when you actually wrap them into ap
tag ? Also, it might help to inspect your code and identify the applied CSS to those elements... the answer is most probably there.