如何使按钮响应移动
问题描述:
如何使我的按钮响应。我在滑块中的图像上有一个按钮。它看起来很不错,并在台式机工作正常,但在手机的期待太大了,它越来越让更多链接按钮不重定向到任何网页如何使按钮响应移动
代码
<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>
答
您的款式在桌面上浏览这里。
@media screen and (max-width: windowSize) {
.myButton{
width: your button width;
height: your button height;
}
}
变化windowSize为窗口的大小要应用样式的@media查询
检查@media标签在CSS里面,并调整字体大小和按钮的宽度为不同的屏幕尺寸,你想。 –
除了@media标签,您还可以使用视口单位 –