Date
May. 20th, 2024
 
2024年 4月 13日

Post: max-height: x% doesn't work on Chrome

max-height: x% doesn't work on Chrome

Published 12:05 May 13, 2016.

Created by @ezra. Categorized in #Programming, and tagged as #CSS.

Source format: Markdown

Table of Content

Some times using percentages for fluidity in layouts is tricky because you have to deal with containers and border-type things.

Look in to using viewport units and learn some thing about it on css-tricks and caniuse will show you how well it's supported.

Essentially you can say:

<div style="height: 50vh;">...</div>

meaning a div element of 50vh height where 1vh is defined as the value of 1% of the viewport's height.

Pinned Message
HOTODOGO
I'm looking for a SOFTWARE PROJECT DIRECTOR / SOFTWARE R&D DIRECTOR position in a fresh and dynamic company. I would like to gain the right experience and extend my skills while working in great teams and big projects.
Feel free to contact me.
For more information, please view online résumé or download PDF
本人正在寻求任职 软件项目经理 / 软件技术经理 岗位的机会, 希望加⼊某个新鲜⽽充满活⼒的公司。
如有意向请随时 与我联系
更多信息请 查阅在线简历下载 PDF