Web.QHMIT
.com
Toggle navigation
☰
Home
HTML
CSS
Scripting
Database
Run
<!DOCTYPE html> <title>My Example</title> <style> img { display: block; max-width: 100%; height: auto; } </style> <img src="/pix/samples/18l.jpg" alt="3 little puddy dats!"> <hr> <p>Responsive images will resize to the viewport size if they're too wide to fit.</p> <p>Non-responsive images won't do this, and usually result in horizontal scrolling.</p> <p>More info: <a href="/html/tags/html_img_tag.cfm"><code>img</code></a>, <a href="/css/properties/css_display.cfm"><code>display</code></a>, <a href="/css/properties/css_max-width.cfm"><code>max-width</code></a>, <a href="/css/properties/css_height.cfm"><code>height</code></a>.</p>
Preview