如果您只是在全高清显示器中打开http://brackets.io/并开始使其宽度越来越小，它也会更改视图/布局。
使用Javascript处理它很简单但它会添加大量代码。即使使用CSS Magic（声明式），我们能做到吗？如果是，那么如何？
答案 0 :(得分：3)
当网站根据屏幕尺寸进行调整时，这称为响应式网页设计 ...
您可以通过 CSS3媒体查询轻松制作此类响应式网站：
How to write CSS Media Queries for common types of devices
<强> Responsive Web Design: What It is and How to Use It
如果您使用Google进行响应式网页设计，您会发现有关此主题的更多信息。从小到大的屏幕，让您的网站在所有设备上看起来都很棒......
答案 1 :(得分：2)
您首先要向自我介绍响应式网页设计（RWD）。 http://www.alistapart.com/articles/responsive-web-design/
您可以使用Twitter Bootstrap或Foundation等前端框架。这些框架为您提供了使用RWD创建站点的广泛工具列表。
或者也可以使用CSS Media Queries在CSS中进行屏幕分辨率检测并相应地设置样式。