当我注意到这个网站时,我正在四处寻找一种根据屏幕大小来安排不同内容的方法。相当漂亮的网站了。当我更改浏览器的大小时,列配置会更改吗?当我缩小到最小尺寸或在手机上访问它时,顶部的大图像完全消失,只留下小图标。我已经关闭了javascript,这仍然会发生。此外,它适用于我的 ie8,所以我猜它不是 HTML5 的。它是如何完成的?
谢谢!
当我注意到这个网站时,我正在四处寻找一种根据屏幕大小来安排不同内容的方法。相当漂亮的网站了。当我更改浏览器的大小时,列配置会更改吗?当我缩小到最小尺寸或在手机上访问它时,顶部的大图像完全消失,只留下小图标。我已经关闭了javascript,这仍然会发生。此外,它适用于我的 ie8,所以我猜它不是 HTML5 的。它是如何完成的?
谢谢!
这个效果不是由 Javascript 完成的,而是由CSS @media queries完成的。CSS Tricks 的 Chris Coyier对@media 查询进行了很好的介绍
简单地说,它允许您根据一些布尔表达式指定样式表的范围(例如检查窗口宽度是否是您看到的示例中使用的特定宽度),然后应用特定样式,从而使其成为响应式设计