/ あなたは財団を使ってアイテムをどのように整列させますか? - レスポンシブデザイン、zurb-foundation、モバイルウェブサイト

あなたは財団を使ってどのようにアイテムを並べ替えるのですか? - レスポンシブデザイン、zurb-foundation、モバイルウェブサイト

私は整列する方法があるかどうか疑問に思っていたそのデバイスが小型か大型かに応じて異なるものになります。例:大きな画面のときは右揃えにし、小さい画面の場合は中央に合わせるボタンがあります。誰にでもアイデアはありますか?

回答:

回答№1は1

それはあなたのページをどのようにレイアウトしているか、また、「異なるものを整列させる」という意味で正確には何かを意味しますが、たとえばここにはあります。

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

これにより、大画面では右にスティックし、小画面では中央に移動するボタンが表示されます。

「整列」または「浮動小数点」プロパティについて具体的に話していた場合、メディアクエリ (あなたが言ったように) 行く方法です。

財団グリッドに関する情報は ここに.


回答№2の場合は0
@media only screen and (max-width: 641px)
{
.floatleft
{
float:left;
}
}

これにより、小さな画面にのみ浮動表示されます。私はあなたがフロート権利と他のメディアクエリのいずれかでこれを使用できると仮定します。