I have css setting below
.user-content {
height: calc(100% - 20px);
}
and Want to have setting if the browser is not chrome? Is there a way to have this setting if the browser is not Chrome Kim
I have css setting below
.user-content {
height: calc(100% - 20px);
}
and Want to have setting if the browser is not chrome? Is there a way to have this setting if the browser is not Chrome Kim
You can use the below code which targets all Chrome browsers starting from version 28.
.user-content {
font-size: 2em;
}
@supports (-webkit-appearance: none) {
.user-content {
font-size: 3em;
}
}
<div class="user-content">I am 3x larger only in Chrome browser, 2x otherwise</div>
Check out the other CSS hacks here: Browser specific CSS
Use the webkit-transition property of CSS 3, it will allow you to create chrome specific styles rules.
for more info: What is webkit