当使网站响应，我想要一些我的文本消失！请帮助

Question

所以我想让我的文本消失，像在inox-jukic.com页面，当它是移动的大小，从滑块消失的文本。我也有滑块。

以下是CSS：

     /* Number text (1/3 etc) */
     .numbertext {
        color: deepskyblue;
        font-family: Verdana;
        font-size: 45px;
        padding: 8px 12px;
        position: absolute;
        top: 200px;
        font-size-adjust: 0.58;

以下是HTML：

     <div class="mySlides fade " >
        <div class="numbertext">TITLE <br> TITLE2</div>
        <img src="uploads/building/1_auto_x2.jpg" style="width:100%; ">
        <div class="text">Aluminijske ograd</div>
     </div>

     <div class="mySlides " >
        <div class="numbertext">TITLE<br> TITLE2 </div>
        <img src="uploads/building/2_auto_x2%20(1).jpg" style="width:100%; ">
        <div class="text"></div>
     </div>

     <div class="mySlides fade " >
        <div class="numbertext">TITLE</div>
        <img src="uploads/building/3_auto_x2.jpg" style="width:100%; height=400px">
        <div class="text"></div>
     </div>

  </div>

Answer 1

您可以在CSS文件中设置断点。因此，如果屏幕尺寸变小，您可以将容器设置为“可见性：隐藏”或“显示：无”。随你的便。

这里有一些典型的断点:https://www.w3schools.com/howto/howto_css_media_query_breakpoints.asp