javascript - 如何在没有客户端脚本的情况下完全折叠和更改网站内容？

Question

这是所需的“折叠”效果:Micorsoft

当我说折叠时..我的意思是调整窗口大小时、Div 重新对齐、内容消失/出现等。

这显然是用 js 完成的，但是在被禁用并且窗口被刷新几次(只是为了确保)后，它仍然崩溃。

我的第一个想法是这是通过 AJAX 实现的；我研究过这种方法，但没有大量证据证明崩溃是可能的。虽然我可能是错的。

我尝试在服务器端进行简单的窗口宽度提取，但无法为动态内容收集正确的宽度。

- 我在运行 IIS 6 的服务器上使用 Visual Studio 2012，最好使用 vb 编程 -

Answer 1

这叫做“响应式网页设计”。

使用 CSS，您可以检测事件窗口的大小并相应地调整内容的格式。通过这样做，无论使用何种设备(及其屏幕尺寸)，您都可以确保为所有用户提供一致的体验。

这不是用任何服务器端技术完成的，也不是用 Javascript 而是只用 CSS。

如果您想了解更多，这里有一个很好的介绍:http://johnpolacek.github.io/scrolldeck.js/decks/responsive/

如果你用谷歌搜索，还有更多。