【问题标题】:Height 100% with all viewport所有视口的高度 100%
【发布时间】:2017-12-05 04:24:03
【问题描述】:

我想让我的投资组合网格占据所有视口高度,以及所有导航器和分辨率。我也尝试了几种方法,例如高度 100% 或 100vh,javascript,但它不起作用。 我为这个投资组合使用了构建器和插件,也许它会产生冲突?!我不知道...

如果有人有解决方案,那将是完美的!

页面在那里:http://espacederessourcement.fr/

谢谢,

波莱特

【问题讨论】:

  • 有了所有的视口高度,您的意思是您不想在首页看到滚动条吗?请稍微澄清一下您的问题。
  • height 100% 和 height 100vh 不起作用,因为您有一个标题占用了一些屏幕。在 javascript 中,您需要从窗口的高度中减去标题的高度,然后将结果应用于 #content 元素的高度。
  • 您的插件使用 javascript 计算高度。使用开发人员工具,您应该找到 css 类“grid-portfolio”,它会通过您的浏览器动态更改高度,并且所有子级都会随之更改左/上位置。不仅仅是一个css问题。如果你的插件配置不允许的话,我觉得用简单的方法是不可能的。
  • 是的,我认为你是对的 Baro,插件会动态计算高度。我会尝试联系插件的支持,看看我是否可以改变它。谢谢

标签: css height


【解决方案1】:

您可以使用 CSS 的 calc 函数,这样您就可以在没有标题栏的情况下计算全高(在示例中,我假设标题栏高 50 像素)

.portfolio-grid { height: calc(100vh - 50px) }

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2013-11-10
    • 2017-08-19
    • 1970-01-01
    • 2014-04-10
    • 2018-12-18
    • 1970-01-01
    • 2013-01-02
    • 2013-03-25
    相关资源
    最近更新 更多