There’s a pretty good answer to this across at CSS Tricks – https://css-tricks.com/the-trick-to-viewport-units-on-mobile/ .my-element { height: 100vh; /* Fallback for browsers that do not support Custom Properties */ height: calc(var(–vh, 1vh) * 100); } // First we get the viewport height and we multiple it by 1% to get a value for a vh unit … Read more
Using min-height: 100% instead of height: 100% should fix it. See updated fiddle here: http://jsfiddle.net/zitrusfrisch/Sa6cb/3/
Using the CSS inspector that comes with certain browsers on an element with 10000000000px width and height: Firefox: 33554400px Chrome: 33554428px Opera: 33554428px IE 9: 21474836.47px
you can add this to any view (override onMeasure in a class inherited from a view) @Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { if (maxHeight > 0){ int hSize = MeasureSpec.getSize(heightMeasureSpec); int hMode = MeasureSpec.getMode(heightMeasureSpec); switch (hMode){ case MeasureSpec.AT_MOST: heightMeasureSpec = MeasureSpec.makeMeasureSpec(Math.min(hSize, maxHeight), MeasureSpec.AT_MOST); break; case MeasureSpec.UNSPECIFIED: heightMeasureSpec = MeasureSpec.makeMeasureSpec(maxHeight, MeasureSpec.AT_MOST); break; case MeasureSpec.EXACTLY: … Read more
Answer to your specific question Your code was checking all columns within any container, what you need to do is: Loop through each container Get the heights of each column within that container Find the highest one Apply that height to every column in that container before moving on to the next one. Note: Try … Read more
Try using event.clientY that should always return the correct value regardless of scrolling https://developer.mozilla.org/en-US/docs/DOM/event.clientY
Why are you so opposed to the idea of setting min-height in ems? If you have line-height set in ems, multiply that by three and you got your desired height! div { line-height:1.5em; min-height:4.5em; float:left; width:33%;/*close enough*/ } Fiddled Update: setting min-height to three lines is an exercise in futility – it does not account … Read more
It seems that the width and height attributes determine the width or height of the canvas’s coordinate system, whereas the CSS properties just determine the size of the box in which it will be shown. This is explained in the HTML specification: The canvas element has two attributes to control the size of the element’s … Read more
I am trying to set a div to a certain percentage height in CSS Percentage of what? To set a percentage height, its parent element(*) must have an explicit height. This is fairly self-evident, in that if you leave height as auto, the block will take the height of its content… but if the content … Read more
You should use UITableViewAutomaticDimension provides a solution for displaying dynamic content. Use below code in viewDidLoad: tableView.estimatedRowHeight = YourTableViewCellHeight tableView.rowHeight = UITableView.automaticDimension Read more from here Hope it helps. 🙂