Responsive equal height divs
<p>I have four side-by-side divs containing approximately the same amount of text, but some browsers render the text slightly differently so as to make some of the divs taller/shorter than the others.</p>

<p>I know there are jQuery plugins that let you set a number of divs to be the same height as the highest one, but my website is responsive, and the height of the divs changes for the tablet and mobile 'versions' of the responsive site.</p>

<p>Is there a way to set these four divs so that they are all the height of the tallest one, and as the browser is resized to trigger the layout to switch to the tablet or mobile version, the divs will be able to adjust their size accordingly, and once again all be made to be equal in height to the tallest of the divs?</p>
