HTML CSS examples for CSS Widget:Image Text
Html: resize text to keep same proportion with an image
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> @media screen and (min-width: 1000px) { body {<!--from w w w . j a v a2 s .c om--> font-size:33px; } } @media screen and (min-width: 500px) and (max-width: 999px) { body { font-size:25px; } } @media screen and (max-width: 499px) { body { font-size:19px; } } </style> </head> <body> Lorem ipsum dolor sit amet, </body> </html>