Css 我需要使我的字体在移动视图中响应

我尝试过使用媒体查询，如下所示，但它甚至尝试了字体大小的%值。请注意，除媒体查询外，我目前的字体大小为18磅，在移动视图中，我需要10磅的字体大小。我已经尝试了可能的方式，我可以谷歌

 @media only screen and (max-width: 768px) {
        user-access-panel .details-panel .panel-body {
            padding: 0px 0px 0px 0px !important;
            width: 100.29%;
            height: 130px;
            background-image: url("./images/icons/request-ID-card-bg.png");
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
            color: #3d4045;
            /*font-family:  Helv-neue-light;*/
            background-color: white;
            font-family: sans-serif;
            font-size: 10pt;
            border: 1px solid lightgray;
            box-shadow: 2px 2px 10px 1px lightgray;
            vertical-align: middle;
        }
    }

---

pt

是一种用于打印的装置-对于屏幕，您应该使用

px

，或者更好的

em

或

rem

。特别是

rem

对于重复设计非常有用，因为1 rem是浏览器的默认大小，通常是“正常”文本（即在段落中，而不是在标题中）的适当大小

pt

是用于打印的单元-对于屏幕，您应该使用

px

，或者更好的

em

或

rem

。尤其是

rem

对于重复设计非常有用，因为1 rem是浏览器的默认大小，通常是“正常”文本的适当大小（即在段落中，而不是在标题中）

您可以使用

vw

字体大小单位来实现此效果。但请查看此选项的浏览器支持：

.responsive type{font size:15vw；}

我很有反应

您可以使用

vw

字体大小单位来实现此效果。但请查看此选项的浏览器支持：

.responsive type{font size:15vw；}

我很有反应

但默认字体大小是多少？在媒体查询之前？这会很有帮助。我在媒体查询之外的默认字体大小是18pt。但是默认字体大小是多少？在媒体查询之前？这会很有帮助。我在媒体查询之外的默认字体大小是18pt。您好，根据您的建议，我将18pt更改为2.5 rem。但在响应移动视图中，字体没有收缩。1.）您发布的规则仅适用于此选择器：

用户访问面板。详细信息面板。面板主体

。尝试使用相同的选择器设置更一般的规则，或者覆盖常规CSS中特定规则的规则。2）2.5rem非常大，在大多数浏览器中是40px。1.5rem*我错了。是的，我希望规则仅适用于该部分。我怎样才能覆盖。我认为设置默认值，然后为mobile view设置值（使用媒体查询）会覆盖默认设置。您可以指定覆盖的含义吗？需要将媒体放置在原始规则之后才能覆盖它（=替换它）。如果这仍然不够，请尝试添加

！重要信息

在大小之后，如

字体大小：1.5rem！重要的哇。。那是我唯一的错误。我会记住，要想写得过多，我们需要以后再写。所以媒体查询在CSS.CSS技巧中并没有被优先考虑！您好，根据您的建议，我将18 pt更改为2.5 rem。但是字体在响应移动视图中没有收缩。1.）您发布的规则仅适用于此选择器：
用户访问面板。详细信息面板。面板主体
。尝试使用相同的选择器设置更一般的规则，或者覆盖常规CSS中特定规则的规则。2）2.5rem非常大，在大多数浏览器中是40px。1.5rem*我错了。是的，我希望规则仅适用于该部分。我怎样才能覆盖。我认为设置默认值，然后为mobile view设置值（使用媒体查询）会覆盖默认设置。您可以指定覆盖的含义吗？需要将媒体放置在原始规则之后才能覆盖它（=替换它）。如果这仍然不够，请尝试添加
！重要信息
在大小之后，如
字体大小：1.5rem！重要的哇。。那是我唯一的错误。我会记住，要想写得过多，我们需要以后再写。所以媒体查询在CSS.CSS技巧中并没有被优先考虑！