Using the viewport meta tag the wrong way can prevent people with low vision concerns from accessing your website or web app.
maximum-scale=1.0, you are disabling the functionality to use pinch zoom on certain mobile devices, forcing people to view your page a certain way.
The bad way:
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
The good way:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
maximum-scale=1.0 allows your site to meet users’ needs and provide a better experience. Note that declarations of
max-scale are ignored as of iOS 10. It is still recommended that these declarations are avoided, to support older iOS devices as well as non-Apple products that may respect the meta tag.
user-scalable attribute can also cause problems for people who use the built-in zoom functionality of their web browser.
The attribute is set as
user-scalable="yes" by default, which means that people are able to control the zoom setting for the page theyre visiting. Changing it to
user-scalable="no" would prevent zoom settings from working on both mobile and desktop devices.
no to assure better accessibility of your site. Either leave it as default by not referencing the
user-scalable attribute, or set it to