提问者:小点点

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


所以我想让我的文本消失,像在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>

共1个答案

匿名用户

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

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