2017-05-08 73 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查詢