2017-05-08 82 views
-3

如何使我的按钮响应。我在滑块中的图像上有一个按钮。它看起来很不错,并在台式机工作正常,但在手机的期待太大了,它越来越让更多链接按钮不重定向到任何网页如何使按钮响应移动

代码

<div class="ism-slider" data-play_type="loop" data-interval="3000" id="my-slider"> 
    <ol> 
    <li> 
     <img src="ism/image/slides/Editing.png"> 
    <div class="ism-caption ism-caption-0" style="background-color:#8497b0"> 
    <a href="editing.aspx" class="myButton">READ MORE</a></div> 
    </li> 
</ol> 
</div> 

图像0​​上的滑块无线电图标重叠button is not responsive

+3

检查@media标签在CSS里面,并调整字体大小和按钮的宽度为不同的屏幕尺寸,你想。 –

+0

除了@media标签,您还可以使用视口单位 –

回答

0

您的款式在桌面上浏览这里。

@media screen and (max-width: windowSize) { 
    .myButton{ 
     width: your button width; 
     height: your button height; 
    } 
} 

变化windowSize为窗口的大小要应用样式的@media查询