html - 如何在移动设备上移动标题图片位置

Question

您好，请问如何在移动设备上移动标题下方的“在线预订”图像按钮。

网站 http://centralfloridaorthodontic.com/

Answer 1

首先将您的 css 放入 css-stylesheet 或其他东西，然后向您的元素添加一个类，我建议:http://www.w3schools.com/css/css_howto.asp

<div class="mybutton" style="text-align: right;margin: 0px 50px 15px 5px;max-width:100%;"><a href...

然后使用@media 规则为移动尺寸设置 css:

@media screen and (min-width: 480px) {
    .mybutton {
        margin: 15px 15px 15px 5px;
    }
}