我想实现某些功能,为此我需要知道浏览器是否关注meta视口。
例如,iOS上的Chrome将根据视口的内容进行调整。但是Windows上的Chrome不会。
如何最好地了解浏览器是否使用视口内容?
我想实现某些功能,为此我需要知道浏览器是否关注meta视口。
例如,iOS上的Chrome将根据视口的内容进行调整。但是Windows上的Chrome不会。
如何最好地了解浏览器是否使用视口内容?
看起来设置viewport
标签有点争议。听起来你的问题可能需要(“我的网站上的一些访问者不关心响应式设计”)查看前面标记为HTMLBOY的博客文章;但是,如果您继续使用它,有几件事情需要注意(第一、第二和第三点真正是要点):
<meta... content="width=device-width">
,除非您的网站知道如何缩放,否则不会起作用。viewport
标签目前不是任何Web标准的一部分,最初是苹果公司专有的(这可能是您问题的根源)。 并非所有浏览器都支持它。viewport
相关的<meta>
标签的配置属性变得棘手时(特别是考虑到上面的第2点,并在同一点链接的MDN文章中阐明)。有关复杂性的更多阅读,请阅读此处和此处。maximum-scale
或user-scalable=no
属性。这将阻止用户更仔细地查看重要文本。