如何使按钮响应移动答案

【问题标题】：how to make button responsive for mobile如何使按钮响应移动
【发布时间】：2017-05-08 22:39:42
【问题描述】：

如何使我的按钮响应。我在滑块的图像上有一个按钮。它在桌面上看起来不错并且工作正常，但在移动设备中它看起来太大并且它与滑块单选图标重叠，因此阅读更多链接按钮不会重定向到任何页面

代码

  <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>

图片

【问题讨论】：

检查css中的@media标签，并根据你想要的不同屏幕尺寸调整字体大小和按钮宽度。
除了@media标签，还可以使用视口单位

标签： html css responsive-design

【解决方案1】：

您在桌面视图中的样式在这里。

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

将 windowSize 更改为要在 @media 查询中应用样式的窗口大小

【讨论】：