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

Question

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

与Mashable相似 - 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，它有一些很好的规则。