html - 我应该如何处理解决方案来开发一个似乎具有超出 CSS/HTML 功能的功能的静态响应式 HTML 文件？

Question

我有一个元素需要一个我无法弄清楚的解决方案。我什至不知道如何处理这个问题:我有两个 Photoshop 文件，每个文件都有响应式网页设计的初始布局和模拟预期功能的图层。我相信要求是找到一个只使用带有 CSS 样式的 HTML 的解决方案。“您的任务是提供一个功能单一的静态 HTML 页面。”第一个 .PSD 文件非常简单。然而，第二个 .PSD 文件随着设计布局的叠加发生了巨大变化。并且，即使存在两个截然不同的设计文件这一事实似乎也与开发“单一”HTML 页面的说明相悖。这是给潜在雇主的，顺便说一句。

因此，第二个文件的标题部分带有 Logo 图像和两个菜单按钮。垂直连续的是两个图像也垂直连续放置。就这样。文件中的图层在可见时 (Photoshop) 似乎将内容向左移动，将菜单图标从“菜单”符号更改为“X”符号，并显示带有垂直导航菜单的黑色垂直面板.我一直在研究如何在没有脚本的情况下通过 onclick 事件 hack 来制作容器移动 View 。我试过了:1.) 使用溢出的容器 div:hidden = 网页内容需要覆盖在该层上并随图像移动...2.) 上面有容器的背景图片。 = 这需要只显示图像的中心。因此，背景顶部的 div 需要在中央透明正方形周围不透明。我不知所措......

我在这里缺少某些技术或设计风格吗？这似乎是不可能的

这是psd图像文件... http://www.adeninedesign.net/home-320-700.psd

Answer 1

嘿，刚刚阅读了有关实现单页应用程序的内容。只需点击这些链接即可。

http://tutorialzine.com/2015/02/single-page-app-without-a-framework/

http://www.w3schools.com/angular/angular_application.asp

休息，您可以随时从 Google 了解 SPA。