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

标签 javascript css ajax html

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

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

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

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

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

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

最佳答案

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

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

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

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

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

关于javascript - 如何在没有客户端脚本的情况下完全折叠和更改网站内容?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17736556/

相关文章:

javascript - 登录模块适用于除 Chrome 之外的任何地方

ajax - 是或否 : Can a server send an HTTP response,,同时仍从相关 HTTP 请求上传文件?

javascript - 如何比较 Mongoose 对象和 JSON 对象?

javascript - Style.Display = "None"在 Google Apps 脚本 HTML 服务中不起作用

html - IE8 按钮的 CSS "initial"值

html - 通过 HTML 设置渐变百分比值

c# - 在从 jQuery ajax 检索的对象上使用 ForEach

Javascript 将 Var 转换为 UTF8 字符串

javascript - 使用 firebug 调试 jquery 或 javascript

html - 竖排文字方向