Hosting Solutions
mobile_logo Table of Contents

Background Size Scale Stretch Image

Learn to create backgrounds for HTML documents that scale and stretch to fit into the user screen regardless of the type of device they are viewing your page with. <!DOCTYPE html> <html> <head> <style> body { background:url(dynamic_width_bg.jpg) #A98436 no-repeat left top; background-size: 100%; } </style> </head> <body> <h1>My page with 100% width background image</h1> </body> </html>

CSS Videos

Responsive Dynamic Layouts

Media Queries Responsive Website Layout TutorialResponsive Web Design Made Simple CSS media Rule TutorialMobile Friendly Test Responsive Website Development Case StudyViewport Percentage Units CSS HTML Layout TutorialAuto Adjusting Stretch Fit Website Layout TutorialBackground Size Scale Stretch ImageMulti Column Content Layout Grid TutorialFlexbox Flexible Box Layouts Flex WebsiteGrid Layout CSS Tutorial and Documentation Reference