Can I have different max-height value based on user's browser?

how can I have the max-height based on user's browser? I mean, when the user browses the page through firefox, the max-height must be 160. On Chrome it should be 220.

I dont mind if I use multiple css files for this.

<div class="create_post_row clearfix" style="max-height: 160px; overflow: hidden;">

Thank you for yo开发者_开发问答ur ideas and solutions.

a js file I really like to use for this: http://rafael.adm.br/css_browser_selector/ its a browser selector. You can then just apply css styles to ".firefox #element" or ".safari #element"

Look for user agents and guess the size from there. If not, use javascript to get the user screen resolution and then resize the div.