使用Swiper js时出现字体大小问题

Question

我正在学习如何使用swiper JS并通过制作轮播进行练习。不幸的是，我遇到了字体大小问题。我在测试移动设备时注意到了这个问题。每当我从垂直视图变为水平视图（将手机转向一侧），然后再垂直返回时，字体大小就会无缘无故地发生变化。一旦我刷新页面，它也会重置。我尝试使用 和 !important 覆盖设置，还应用了一些内联 CSS，但没有任何效果。有人可以看一下，看看他们是否能找出导致错误的原因。

这里是实时网络的链接：https://nn-code80.github.io/CarouselFacebook/

这里是存储我所有编码的存储库的链接：https://github.com/nn-code80/CarouselFacebook

感谢您的帮助！

Answer 1

您错误地放置了右大括号，您在

display: none

规则之后将元素嵌套在它们自身内，这可能不是您想要的。

试试这个：

@media(max-width: 599px){
  .swiper-button-next i, .swiper-button-prev i{
    display: none; 
  }
  .bottom p{
    font-size: 0.9rem !important;
    line-height: 1.6;
  }
}