AllSupported Logo AllSupported

Dynamically resizing images based on viewport

By Tech Writer • • CSS
<style> .img { /* basic responsive img */ max-width: 100%; height: auto; width: auto\9; /* IE8 */ } </style>       http://www.dynamicdrive.com/forums/entry.php?293-3-Ways-to-Resize-S 
<style>
.img { /* basic responsive img */
	max-width: 100%;
	height: auto;
	width: auto\9; /* IE8 */
}
</style>

 

 

 

http://www.dynamicdrive.com/forums/entry.php?293-3-Ways-to-Resize-Scale-Web-Images-in-Responsive-Design

Related Articles

Overwride CSS Class

The properties of a second class will override those already set. There is no need to use !important here. For example: .red { background-color: red;...

Use jQuery to select current menu item in css

 This tip is great for use with Joomla and mmenu. @micha149 has shown me this jQuery snippet which will catch all absolute and relative URLs. var ur...

How to swap CSS class names without touching the CSS codes

  This technique might be very useful for this that deal with templates where the CSS themes may be overridden but you wish to keep certain classes r...