In designing a responsive web page, how can a designer ensure that the background image scales appropriately on different screen sizes while maintaining its aspect ratio?
- background-resize: cover;
- background-scale: auto;
- background-size: contain;
- background-size: cover;
To ensure the background image scales appropriately on different screen sizes while maintaining its aspect ratio, the designer should use the background-size: cover; property. This property scales the background image to cover the entire container while preserving its aspect ratio.
Loading...
Related Quiz
- Which CSS value for font-weight represents normal text?
- How do you align the markers (like bullets or numbers) of a list inside or outside the content flow?
- Which property in CSS determines the space outside an element?
- What does the 'box-sizing' property with a value of 'border-box' do?
- The CSS property that allows content to be clipped to a container with the possibility of displaying a scrollbar is overflow: ________.