How to add all Value in HTML <source> media Attribute
| all | Suitable for all devices. This is default |
index.html
Example:
HTML
<!DOCTYPE html>
<html>
<body>
<h1>The source media attribute</h1>
<picture>
<source media="screen not (min-width:500px)" srcset="https://horje.com/avatar.png">
<source media="all and (orientation: landscape)" srcset="https://horje.com/avatar.png">
<img src="https://horje.com/avatar.png" alt="Horje Icon" style="width:auto;">
</picture>
</body>
</html>
Output should be:
Type: | Html |
Category: | Web Tutorial |
Sub Category: | HTML Tag |
Uploaded by: | Admin |