By Diwakar 2021-06-26
A responsive website adjusts itself according to the device and looks good on all the devices such as desktop, mobile, and tablets. The responsive website follows the media query rule according to the available viewport.
To give the viewport information to the browser, a meta tag is used. The syntax will be This meta tag provides viewport information to the browser and then the browser adjusts the website according to the written media query for this specific device. Please note that without this meta tag, responsive features can not achieve precisely.
Responsive text can be made by providing font-size value to viewport with. In general 1vw = 1% of viewport width.Showing different images depending on browser width
Resize the browser and then see the image that will be change according to device width.
Media query provides features to write CSS code according to device with and make the website device friendly means responsive. These features really extend website performance and visibility score.