2017-05-08 7 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> 

画像へのリダイレクトではない多くのリンクボタンを読んように、そのスライダーのラジオアイコンの上に重なってばかり探して button is not responsive

+3

チェック@mediaタグの内側にスタイルを適用し、異なる画面サイズのフォントサイズやボタンの幅を調整したいあなた欲しいです。 –

+0

@mediaタグに加えて、ビューポート単位 –

答えて

0

デスクトップビューのスタイルはこちら。

ウィンドウのサイズのため
@media screen and (max-width: windowSize) { 
    .myButton{ 
     width: your button width; 
     height: your button height; 
    } 
} 

変更windowSizeあなたはCSSの@mediaクエリ

関連する問題