サイズに応じてブラウザの幅を取得し、要素を移動しますか？

Question

サイズに応じてブラウザの幅を検出して要素を移動するにはどうすればよいですか？マッシャブルと同様に

からhttp://mashable.com/2011/07/24/google-plus-jobs/

Answer 1

古い質問なので、他の誰かがそれを越えつまずくことをオフのチャンスに答えます。 CSS media queriesの使用をお勧めし、ページのデザインが画面サイズに基づいてデバイスに合わせて調整されたレスポンシブウェブデザインを検討します。

具体的には、別のCSSルールをロードするには、以下のCSSプロパティを見て：

min-width: 
max-width: 
min-device-width: 
max-device-width: 

たとえば、あなたは次のようにスマートフォンを標的にしてもよい：

/* Smartphones (portrait and landscape) ----------- */ 
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) { 
/* Styles */ 
} 

から取った上記の例http://www.databasepublish.com/blog/rendering-content-adaptively-responsive-web-design-and-css3-media-queriesにはいくつかの良いルールがあります。