2017-03-06 18 views
0

私は以下のjavascriptを持っています。 div要素のmargin-topとmargin-leftを変更したいと思います。私は、最後の画面がcss media query margin-top要素div

enter image description here

どのように私はdiv要素のマージントップ及びマージン左を変更することができますです

@media screen and (max-width:1024px) { 
 
    .my-list { 
 
    margin-top: 120px; 
 
    margin-left: 350px; 
 
    } 
 
}
<div class="my-list"> 
 
    test message 
 
</div>

このメディアクエリを使用できますか?

+0

Javascript?それはどこにある? – andreas

+0

もっと情報を追加できますか?そしてJavaScriptはどこですか? –

+0

あなたは何をしたいですか質問を記述してください –

答えて

0

は、私はあなたがやっていること

が正しいdiv要素のマージントップ及びマージン左を変更したいです。今あなたの要求に依存します。メディアクエリによれば、1024px未満のすべての解像度画面でCSSが適用されます。

メディアクエリにmax-width:1024pxが適用されているためです。 1024より高く設定する場合は、'min-width: 1024px'を使用できます。

チェックthisフィドルそれは動作します