I tried with em, % and pt , but not worked...
Finally I tried with responsive design as :
@media (min-width: 500px) {
html {
font-size: 70%;
}
}
@media (min-width: 700px) {
html {
font-size: 100%;
}
}
@media (min-width: 1200px) {
html {
font-size: 120%;
}
}
Its working fine when i dont specify any font styling in the code ...
But in some cases where i need to have a different font size, there when i specify with either % or em or pt ,
the correponding element's font size in not scaling and it remains same on all browser resizes.
Thanks.