【问题标题】:How can I make slide photo full size for phones?如何为手机制作全尺寸幻灯片照片?
【发布时间】:2017-08-23 18:28:35
【问题描述】:

如何为手机制作全尺寸幻灯片?

这里有我网站的链接:Ekizceliler

如果你用手机看它的网站,然后看到幻灯片图片非常大,我怎样才能使幻灯片图片尺寸合适?

【问题讨论】:

    标签: html image slider responsive


    【解决方案1】:

    要制作响应式滑块,请在您的 css 中制作主 div

    width : 100vw; 
    height : 50vh ; 
    /* you can change height as you want */
    background : cover ;   
    

    【讨论】:

      【解决方案2】:
      <div class="flexslider top_slider" style="height:32vh;width:100%">
      

      这可能会给您一个临时解决方案,但由于可访问性,我建议您:

      1. 使用滑块显示娱乐值,因此避免在其中显示文字
      2. 也许使用媒体查询来隐藏移动设备上的滑块是一个更好的主意,因为即使你设法调整它们的大小,你总是会损失很多质量,最后,文本太小了,你不能再阅读它们了。如果您需要这些图片,请尝试将它们放在页面上,这样您的访问者会更加关注它们。

      【讨论】:

        猜你喜欢
        • 2013-07-16
        • 2023-02-04
        • 1970-01-01
        • 2022-11-29
        • 1970-01-01
        • 1970-01-01
        • 2012-02-18
        • 2011-09-20
        • 1970-01-01
        相关资源
        最近更新 更多