调整移动设备上的文本行（div）

Question

有没有人知道要为移动设备调整文字大小？我的CSS不起作用。

list(zip(borders[:-1], borders[1:]))
>>> [(0, 5), (5, 10), (10, 20), (20, 30), (30, 40), (40, 50), (50, 60), (60, 65), (65, 70), (70, 80)]

CSS：

<div class="wpb_column wpb_content_element how-it><div class="wpb_wrapper">
<h1 class="p1" style="text-align: center;"><span style="font-size: 45px;">
<span style="color: #000000;">SLIK FUNGERER ABONNEMENTET</span></span></h1></div></div>

Answer 1

首先阅读https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity以了解如何根据指定的规则应用CSS。

对于特定问题，您不能通过更改后代元素来覆盖直接应用于元素的样式。您需要定位相同的样式元素。

所以定位span元素.how-it h1 span{font-size: 16px; !important;}

但更正确的方法是从html中完全删除样式，并通过CSS规则同时执行移动和桌面样式。通过这种方式，您可以避免使用!important，如果您想根据其他情况重新设置问题，这只会导致更多问题。