如何更改css中文本的大小？答案

【问题标题】：how to change size of text in css?如何更改css中文本的大小？
【发布时间】：2018-01-18 22:31:23
【问题描述】：

我知道这是一个很大的模糊，但我无法上传所有代码，因为它太大了。基本上，我试图让小屏幕的文本更小，但它不会让我这样做。我也尝试更改其他功能，有些更改，但有些没有。

总结一下，功能有什么区别？阴影起作用但下划线不起作用的原因可能是什么。

**目前对我来说最重要的是尺寸特征，如果我的问题有绕过我会很高兴**

这是我测试的css代码：

@media only screen and (max-width: 700px)
{
    div.aaa
    {
// changed
        width: 100%;
        text-transform: lowercase;
        text-shadow: 3px 2px red;

// didnt change
        text-decoration: underline;
        font-size: 40px;
    }
}

【问题讨论】：

How to override the properties of a CSS class using another CSS class的可能重复

标签： html css

【解决方案1】：

乍一看，您的代码看起来不错。你能通过检查器在浏览器中检查 div.aaa 的字体大小是多少（也许给我们看一个截图）？

也许有一个特定的选择器可用，如#wrapper div.aaa，它有一个字体大小，因此您的媒体查询不会推翻那个选择器。
或者 !important 规则在 div.aaa 的字体大小的其他地方使用？
最后，我想到了一个可能的（对我们来说不可见的）字符，它位于 text-shadow: ... 和 text-decoration: ... 之间，但这种情况非常罕见。

【讨论】：

【解决方案2】：

试试：font-size: 40px !important; 正如它所说，这很重要。

【讨论】：

【解决方案3】：

您需要更改媒体屏幕上文本的字体大小。你可以试试下面的代码

.content_con{
			font-size: 50px;
			text-decoration: none;
		}
 @media screen and (max-width: 600px) and (min-width: 200px) {
    .content_con a{
    	text-decoration: underline;
       font-size: 15px;
    }
}

<div class="content_con">
	<a href="#">testing content here</a>
</div>

您可以根据需要更改最大宽度和最小宽度。

【讨论】：

虽然您的代码可能有效，但它并不能真正解释或解决 OP 遇到的错误。您介绍了另一个媒体查询和另一个选择器。这里的问题是 text-decoration 和 font-size 被其他未在此处发布的规则覆盖。

【解决方案4】：

它们的功能与 % 类似，但字体大小会随窗口调整。

试试这个：

.some-paragraph{
     font-size: 5vw;
 }

注意：您可能需要记住这一点：

<meta name="viewport" content="initial-scale=1">

【讨论】：