首页 > 代码库 > 响应式网站应设置的视口(viewPort)
响应式网站应设置的视口(viewPort)
代码:
<meta name="viewport" content="width=device-width,initial-scale=1">
解释:
- viewport(视口)是计算机或者设备屏幕上你浏览网页的内容宽度。
- width=device-width 告诉浏览器以全尺寸渲染页面(不管屏幕尺寸可能是多少),如果没有在viewPort元数据属性中指定设备的宽度,设备将使用它自己默认的视口设置来渲染页面。
- initial-scale(初始缩放比) 告诉浏览器在屏幕上首次加载网页的时候如何缩放它。使用initial-scale=1意味着页面将按照width属性确定的宽度来渲染,不放大不缩小。
请将上述代码添加到HTML head区域。
响应式网站应设置的视口(viewPort)
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。