获取浏览器宽度并根据大小移动元素？

Question

如何根据大小检测浏览器宽度和移动元素？

到Mashable的相似 - http://mashable.com/2011/07/24/google-plus-jobs/

Answer 1

一个老问题，所以回答上关的机会，别人可以通过它绊倒。我建议使用CSS media queries，并研究响应式网页设计，根据屏幕尺寸为设备量身定制页面设计。

更具体地说，在看下面的CSS属性加载不同的CSS规则：

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

上面的例子摘自：

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

例如，您可以通过以下方式瞄准智能手机http://www.databasepublish.com/blog/rendering-content-adaptively-responsive-web-design-and-css3-media-queries它有一些很好的规则。