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

Posted 2023-03-06

【中文标题】在调整大小时更改页面样式

【英文标题】：Changing the page style on resize

【发布时间】：2014-03-14 13:13:22

【问题描述】：

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

【问题讨论】：

关键字：CSS 媒体查询。

【参考方案1】：

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

【参考方案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。