我正在重新设计我的网站以适用于所有浏览器和设备，为此我从一个我购买的响应式模板开始。 我是响应式设计的新手。 我的问题是关于字体大小。 我想要一个在所有设备上看起来都很棒的H-U-G-E标题标题（全屏）。 我不是CSS的专家，但我读到'em'用于字体的相对/比例大小，因此我将标题的字体设置为4em，大约500px出现在计算机的屏幕上但当我查看iPhone上的页面时，标题很小，比其他文本小。
我应该坚持使用'px'中的尺寸并找到适用于屏幕和iOS屏幕的尺寸，还是有办法在所有设备上使用？
我正在使用的模板确实在顶部有这一行：
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
答案 0 :(得分：1)
要在您的网站上执行自适应文字，您应该尝试Media Queries. 这是一种在不同屏幕尺寸上调整文本大小的简单方法。
例如，如果您希望屏幕上的500px h1大于1200px，那么您将会写：
@media screen and (min-width: 1200px) {
h1.
{
font-size: 500px;
}
依此类推，在每个屏幕上size
@media screen and (min-width: 992px) and (max-width: 1199px) {
h1.
{
font-size: 300px;
}
我希望我能帮助你，让我知道..