Responsive design 你如何用地基对齐物品？

我想知道是否有一种方法可以根据设备的大小来调整事情。我有一个按钮，当它在大屏幕上时应该右对齐，然后在小屏幕上居中对齐。有人有什么想法吗

@media only screen and (max-width: 641px)
{
   .floatleft
  {
    float:left;
  }
}

---

这将使它只在小屏幕上向左浮动。我假设您可以将其用于float right和任何其他媒体查询。

这取决于您的页面布局，以及您所说的“以不同方式对齐内容”的确切含义，但这里有一个示例

<div class='row'>
    <div class='small-3 small-centered large-offset-11 columns'>
        <button>Click Me!</button>
    </div>
</div>

点击我！

这将为您提供一个按钮，当在大屏幕上时，该按钮会向右移动，而在小屏幕上则会移动到中间位置

如果您专门讨论的是“align”或“float”属性，那么媒体查询就是最好的选择

基础网格的信息是：