【问题标题】:When make site responsive i want some my text to disappear! HELP PLS当使网站响应时,我希望我的一些文字消失!请帮助
【发布时间】:2021-04-19 22:43:18
【问题描述】:

所以我希望我的文本在 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>

【问题讨论】:

    标签: javascript html css responsive


    【解决方案1】:

    您可以在 CSS 文件中设置断点。因此,如果屏幕尺寸变小,您只需将容器设置为可见性:隐藏或显示:无。随心所欲。

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

    【讨论】:

    • 请在答案中添加相关代码read
    【解决方案2】:

    你需要媒体查询,可以阅读这里media rule

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-01-01
      • 2022-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多