Question

我正在工作/设计一个网站的前端（在布局html + css上工作，后来将使用php，mvc模式）。该网站有标题，正文，侧面菜单和页脚布局已准备就绪。

有一些形式非常长/巨大，因为所有领域都是必要的，我不能让它们更短。表单将在新页面中打开。

不要吓跑用户我打算缩小表单模板上的标题（设计更改只适用于表单模板）并彻底摆脱页脚。

我试过看几个地方，但没找到怎么做。简而言之，我希望网站具有所有块，即标题，正文，页脚，但是当涉及到表单时，我希望缩小标题并删除页脚以使表单看起来更光滑。

有办法做到这一点吗？

注意：我没有发布任何代码，因为我对代码没有问题，但是概念。

Answer 1

您可以将display: none用于仅适用于此页面的CSS规则中的footer元素（例如，在该页面开头的style标记中）。

关于标题，它取决于它是如何构建的，如果它有徽标，背景图像，文本，菜单等等。通常，您可以减少height，使徽标更小，隐藏文本中的部分内容等。

Answer 2

You can also done this thing using angularjs 
ng-include
  <!DOCTYPE html>
 <html>
 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<body >
     <div ng-include="'header.html'">
     </div>
      <div ng-include="'footer.html'">
     </div>
</body>
</html>

Answer 3

确保页面的body有一个类，例如.no-footer .small-header或.form-page。然后在CSS样式表中，使用以下内容：

body.no-footer #footer{
    display:none;
}
body.small-header #header{
    height:50px; 
    /* or whatever you want to apply to make the header smaller */
}

缩小标题，完全删除页脚

3 个答案: