Skip to content

konrad-g/Support-Css-Vh-Vw

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Support Css Vh Vw


Library that uses jQuery to support CSS units: vh and vw. ---------------------------------------------------------

Simple usage example:

<html>
    <head>
        
        <title>Example</title>
        
        <!-- Import all libraries -->
        <script type="text/javascript" src="js/libs/jquery-1.10.2.min.js"></script>
        <script type="text/javascript" src="js/libs/SupportVhVw.js"></script>

    </head>
    <body>
        
    		<div id="textOne">Example text one (vh5)</div>
			<div id="textTwo">Example text two (vw3)</div>
			<div id="textThree" class="textMain">Example text three (vh4)</div>
			<div id="textFour" class="textMain">Example text four (vh4)</div>

		<script type="text/javascript">
			
			// Init object
			var supportVhVw = new SupportVhVw();

			// Scale all texts
			supportVhVw.setVh("#textOne", 5);
			supportVhVw.setVw("#textTwo", 3);
			supportVhVw.setVh(".textMain", 4);
			
		</script>

            
        
    </body>
</html>

Contributor: Konrad Gadzinowski.

About

Library that uses jQuery to support CSS units: vh and vw.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published