shimgo
6/25/2017 - 10:40 AM

phantomjsでvhを含むcalcが正常に機能しないため、heightがうまく指定できない

phantomjsでvhを含むcalcが正常に機能しないため、heightがうまく指定できない

chromeとsafariでは以下の指定でうまくいった。

height: calc(100vh - 50px); // ブラウザの表示領域の高さ - navbarの高さ

phantomjs2.5betaでは直っているらしい。
phnatomjs用に明示的に高さを指定しておくことで一応解決。

height: 100vh; // phantomjsでは以下のvhを含むcalcが機能しないため明示的に指定
height: calc(100vh - 50px); // ブラウザの表示領域の高さ - navbarの高さ