在调整大小时更改页面样式

Question

你能帮我理解在调整页面大小时改变页面样式的想法吗，就好像我们 使用适合窗口大小的另一种样式，让您看到所有页面内容。 我在一些网站上看到 like this page 我检查了它的 css 和脚本，我认为这个想法在 css 中，但我不确定，我想知道 如果有任何 jquery 有效性或什么 css 属性有效性来做到这一点。 感谢您的帮助

Answer 1

您需要所谓的responsive theme（即在台式机、平板设备和移动设备上看起来很棒的主题）。大多数 Bootstrap 主题都是响应式的。请参阅Start Bootstrap。

Answer 2

您可以使用 CSS 媒体屏幕。为此，只需查看以下链接： http://www.w3schools.com/css/css_mediatypes.asp

What does @media screen and (max-width: 1024px) mean in CSS?

http://mobile.smashingmagazine.com/2010/07/19/how-to-use-css3-media-queries-to-create-a-mobile-version-of-your-website/

你也可以使用twitter bootstrap。