javascript - 响应式布局内文字的大小变化？

Question

响应式布局后文字的大小变化没反应?需要使用自己的媒体查询去设置吗？

pc和手机的对比

.am-text-xs - 12px
.am-text-sm - 14px
.am-text-default - 16px
.am-text-lg - 18px
.am-text-xl - 24px
.am-text-xxl - 32px
.am-text-xxxl - 42px
这些都没反应，求助

Answer 1

响应式的设置都使用@media screen and (max-device-width:414px) and (orientation:portrait)，来添加屏幕的大小和横，竖屏并在其中设置对应的样式

Answer 2

响应式字体的大小变化一般用@media媒体查询来设置的。