如何在没有CSS的情况下调整HTML滑块的大小?

如何在没有CSS的情况下调整HTML滑块的大小?

问题描述:

我的滑块有问题。当我在手机上使用这个页面时,滑块会很小。滑块是我的页面上的第一个对象,我希望它更大。我知道这在CSS中会更好,但这是一个插件(使用java),我无法使用CSS移动它。如何在没有CSS的情况下调整HTML滑块的大小?

如何让滑块变大?

这里是我的代码:

<div id="slider1_container" style="position:relative;margin:0 auto;top:0px;left:0px;width:1300px;height:640px;overflow:hidden;"> 
<div data-u="loading" style="position:absolute;top:0px;left:0px;"> 
<div style="filter:alpha(opacity=70);opacity:0.7;position:absolute;display:block;top:0px;left:0px;width:100%;height:100%;"> 
</div> 
<div style="position:absolute;display:block;background:url(images/loading.gif) no-repeat center center;top:0px;left:0px;width:100%;height:100%;"> 
</div> 
</div> 
<div data-u="slides" style="cursor:move;position:absolute;left:0px;top:0px;width:1300px;height:640px;overflow:hidden;"> 
<div> 
<img data-u="image" src="images/slide1.jpg" alt=""> 
<div data-u="caption" data-t="NO" data-t3="RTT|2" data-r3="137.5%" data-du3="3000" data-d3="500" style="position:absolute;width:445px;height:300px;top:100px;left:600px;"> 
</div> 
<div data-u="caption" data-t="RTT|2" data-r="-75%" data-du="1600" data-d="2500" data-t2="NO" style="position:absolute;width:470px;height:220px;top:120px;left:650px;"> 
</div> 
</div> 
<div> 
<img data-u="image" src="images/slide2.jpg" alt=""> 
</div> 
<div> 
<img data-u="image" src="images/slide3.jpg" alt=""> 
</div> 
</div> 
<div data-u="navigator" class="jssorb21"> 
<div data-u="prototype"></div> 
</div> 
<span data-u="arrowleft" class="jssora21l"> 
</span> 
<span data-u="arrowright" class="jssora21r"> 
</span> 
<a style="display:none" href="http://www.jssor.com">Bootstrap Slider</a> 
</div> 

<script> 
jssor_slider1_starter('slider1_container'); 
</script> 

放在100%的宽度和高度上自动或离开它为640px

+0

请修复错误在你的答案。 –

+0

它不起作用。当我更改slider1_container宽度100%其调整大小图片到屏幕。 – Roberto