我读过不同的帖子,但从未得出明确的结论,在案例 A 或案例 B 上使用
user-scalable=no
有什么区别、优点和缺点?
我要做一个响应式网站,那哪种情况比较好呢?
案例A:
<meta name="viewport" content="width=device-width, user-scalable=no">
案例B:
<meta name="viewport" content="width=device-width">
您不需要使用 user-scalable=no 进行响应式网页设计。如果您希望您的网络应用程序感觉更像本机应用程序(就缩放而言),则可以使用它。您可以控制用户在放大时不会破坏您的设计。但从技术上讲,如果您正在执行响应式操作,并且您的设计在放大时会破坏,那么您就做得不对。
但是,如果您绝对需要使用它:“...但是请记住,缩放是很多人都使用的一项重要的辅助功能。因此,只有在真正必要时才应将其关闭,例如对于某些情况游戏和应用程序的类型。” http://dev.opera.com/articles/view/an-introduction-to-meta-viewport-and-viewport/
我再补充一点:当站长在 GSC(Google Search Console)上检查 Core Web Vitals 时,Google 会反馈说禁用缩放对于弱视用户来说是有问题的,因为他们依赖屏幕放大来正确查看网页内容。 在此输入图片描述