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

时间:2017-05-19 21:59:34

标签: html html5 image slider responsive

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

这里有我的网站链接:Ekizceliler

如果你用手机观看网站,那么看你的幻灯片图片非常庞大,我该如何制作好尺寸的幻灯片呢?

2 个答案:

答案 0 :(得分:0)

制作一个响应滑块,在你的css中制作主div

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

答案 1 :(得分:0)

<div class="flexslider top_slider" style="height:32vh;width:100%">

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

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