I'm having a problem with controlling font size in Android output. The following code shows two files: first css and second html. I would expect that the Android output would have a large font size, but it shows up extremely small.
I.
body {
margin-top: 40px;
margin-left: auto;
margin-right: auto;
width: 50%;
min-width: 500px;
background: #DDDDDD;
}
@media (min-resolution: 200dpi) {
body {width: 90%}
}
@media (min-resolution: 275dpi) {
body {width: 70%}
}
h1 {
color: #CC0000;
text-align: center;
font-family:Verdana,Helvetica,sans-serif;
font-size: 28pt;
line-height: 48px;
padding-left:0;
padding-right: 0;
margin-top: 0; padding-top: 12px;
}
p {font-family: "Times New Roman",Times, serif;
font-size:14pt; line-height: 26px; margin-top:0px; margin-bottom:24px;
padding-left:36px;
padding-right: 36px;
text-align:left;
}
@media (min-resolution: 275dpi) {
p {font-family: "Times New Roman",Times, serif;
font-size:28pt; line-height: 52px; margin-top:0px; margin-bottom:48px;
padding-left:36px;
padding-right: 36px;
text-align:left;
}
}
II.
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Slovenian Sphinx Flick Nixed</title>
<link rel="stylesheet" href="newTest.css" type="text/css">
</head>
<body>
<h1>Slovenian Sphinx Flick Nixed!</h1>
<p>The riddle of the Slovenian Sphinx has been solved. The perennial question about what Melania Trump is really like, behind her exquisite mannequin’s mask, has been answered by her new infomercial, “Melania.” It turns out there is no riddle, no enigma, no mystery, no dark anguish.
<p>Melania is not Rapunzel in the tower, pining to be saved from the ogre imprisoning her. She is comfortable in the frosty vertical solitude of the tower, swaddled in luxury.
</body>
</html>
I.
body {
margin-top: 40px;
margin-left: auto;
margin-right: auto;
width: 50%;
min-width: 500px;
background: #DDDDDD;
}
@media (min-resolution: 200dpi) {
body {width: 90%}
}
@media (min-resolution: 275dpi) {
body {width: 70%}
}
h1 {
color: #CC0000;
text-align: center;
font-family:Verdana,Helvetica,sans-serif;
font-size: 28pt;
line-height: 48px;
padding-left:0;
padding-right: 0;
margin-top: 0; padding-top: 12px;
}
p {font-family: "Times New Roman",Times, serif;
font-size:14pt; line-height: 26px; margin-top:0px; margin-bottom:24px;
padding-left:36px;
padding-right: 36px;
text-align:left;
}
@media (min-resolution: 275dpi) {
p {font-family: "Times New Roman",Times, serif;
font-size:28pt; line-height: 52px; margin-top:0px; margin-bottom:48px;
padding-left:36px;
padding-right: 36px;
text-align:left;
}
}
II.
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Slovenian Sphinx Flick Nixed</title>
<link rel="stylesheet" href="newTest.css" type="text/css">
</head>
<body>
<h1>Slovenian Sphinx Flick Nixed!</h1>
<p>The riddle of the Slovenian Sphinx has been solved. The perennial question about what Melania Trump is really like, behind her exquisite mannequin’s mask, has been answered by her new infomercial, “Melania.” It turns out there is no riddle, no enigma, no mystery, no dark anguish.
<p>Melania is not Rapunzel in the tower, pining to be saved from the ogre imprisoning her. She is comfortable in the frosty vertical solitude of the tower, swaddled in luxury.
</body>
</html>
