2

如果您只是在全高清显示器中打开括号并开始使其宽度越来越小,它也会改变视图/布局。

使用 JavaScript 处理它很简单,但会添加大量代码。我们甚至可以使用 CSS Magic (Declarative) 来做到这一点吗?如果是,那怎么办?

4

2 回答 2

3

当网站根据屏幕大小进行调整时,这称为响应式网页设计......

您可以通过CSS3 媒体查询轻松制作这种响应式网站:

如何为常见类型的设备编写 CSS 媒体查询

响应式网页设计:它是什么以及如何使用它

如果你用谷歌搜索响应式网页设计,你会发现更多关于这个主题的信息。这真的是一种很棒的方法,可以让您的网站在从小到大屏幕的所有设备上看起来都很棒......

于 2012-12-05T07:10:55.340 回答
2

您首先要向自己介绍响应式网页设计 (RWD)。 http://www.alistapart.com/articles/responsive-web-design/

您可以使用Twitter BootstrapFoundation等前端框架。这些框架为您提供了使用 RWD 创建站点的广泛工具列表。

或者也可以使用CSS 媒体查询在 CSS 中进行屏幕分辨率检测并相应地设置样式。

于 2012-12-05T07:13:15.760 回答