bootstrap4中自适应出现shrink-to-fit=no

最新推荐文章于 2022-05-30 16:11:37 发布

weixin_42156019

最新推荐文章于 2022-05-30 16:11:37 发布

阅读量2.4k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/weixin_42156019/article/details/80227452

本文介绍了如何使用meta标签中的shrink-to-fit=no属性来防止在iOS设备上浏览页面时自动缩放的问题。此属性可以避免因内容超出视口边界而导致的页面自动缩小。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在Bootstrap v4-alpha看到了shrink-to-fit=no


<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

但在iOS9中要想起作用，得加上"shrink-to-fit=no" ，原因如下

Viewport meta tags using "width=device-width" cause the page to scale down to fit content that overflows the viewport bounds. You can override this behavior by adding "shrink-to-fit=no" to your meta tag as shown below. The added value will prevent the page from scaling to fit the viewport.