Html 不一致段落文本大小_Html_Css

Html 不一致段落文本大小

html css

Html 不一致段落文本大小,html,css,Html,Css,我有下面的html <!DOCTYPE html> <html lang="en"> <head> <title> Lorem Ipsum </title> <meta charset="utf-8" /> <link rel="stylesheet" type="text/css" href="css/util.css"> <link rel="stylesheet" ty

我有下面的html

<!DOCTYPE html>
<html lang="en">
<head>
    <title> Lorem Ipsum </title>
    <meta charset="utf-8" />
    <link rel="stylesheet" type="text/css" href="css/util.css">
    <link rel="stylesheet" type="text/css" href="css/styles.css">
    <link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
</head>
<body>
    <div class="frameT">
        <div class="frameTC">
            <div class="clearfix quote">
                <p id="quote">
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus arcu leo, viverra vel sodales vitae, ornare eget sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Praesent a orci at nisi pellentesque pharetra. Vivamus in interdum ex, sed accumsan mi. Etiam auctor ante dui, vel ornare diam sollicitudin non.
                </p>
                <p id="name"> - Lorem Ipsum</p>
            </div>
        </div>
    </div>
</body>
</html>

在桌面上，它看起来很好，底部的文本是它应该的大小。但在手机上，最下面的一段很小。起初我在一段时间内就有了它，但这似乎并没有引起它。当使用开发者工具在手机上查看段落时，css是正常的，但视觉效果不是

编辑：这是我在手机上看到的

EDIT2：发现这与段落中的文字量有关。看起来大约140个字符的文字在手机上变大了，即使真实的字体大小没有改变。

编辑：问题通过添加一个

使用rem字体大小调整技巧时，需要记住在主体上设置一个基本rem值：

html {
  font-size: 62.5%;
}
body {
  font-size: 1.4rem;
}

如果没有它，未设置样式的文本将显示得更小

有关更多信息，请参阅snook指南：

没有改变任何东西，我也不明白为什么会这样would@Pegaseus当你说“在手机上”时，你是在移动设备上查看它，还是在调整桌面浏览器的大小？你能提供一个链接吗？通过本地wamp服务器在移动设备上查看它。我用android上的开发者工具来检查手机上的元素。你试过添加一个吗？嗯，我觉得很愚蠢，我发誓我添加了它，但我没有。谢谢你解决它！

html {
  font-size: 62.5%;
}
body {
  font-size: 1.4rem;
}