如果您只是在全高清显示器中打开括号并开始使其宽度越来越小,它也会改变视图/布局。
使用 JavaScript 处理它很简单,但会添加大量代码。我们甚至可以使用 CSS Magic (Declarative) 来做到这一点吗?如果是,那怎么办?
如果您只是在全高清显示器中打开括号并开始使其宽度越来越小,它也会改变视图/布局。
使用 JavaScript 处理它很简单,但会添加大量代码。我们甚至可以使用 CSS Magic (Declarative) 来做到这一点吗?如果是,那怎么办?
当网站根据屏幕大小进行调整时,这称为响应式网页设计......
您可以通过CSS3 媒体查询轻松制作这种响应式网站:
如果你用谷歌搜索响应式网页设计,你会发现更多关于这个主题的信息。这真的是一种很棒的方法,可以让您的网站在从小到大屏幕的所有设备上看起来都很棒......
您首先要向自己介绍响应式网页设计 (RWD)。 http://www.alistapart.com/articles/responsive-web-design/
您可以使用Twitter Bootstrap或Foundation等前端框架。这些框架为您提供了使用 RWD 创建站点的广泛工具列表。
或者也可以使用CSS 媒体查询在 CSS 中进行屏幕分辨率检测并相应地设置样式。