meta viewport是什么？ 原理是什么？

<meta name="viewport">是HTML中一个用于控制视口（viewport）设置的元标签，通常用于优化网页在移动端设备上的显示效果。它允许你指定页面的缩放和布局行为，使网页在各种设备上看起来更合适。

原理：<meta name="viewport" content="width=device(设备)-width，initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>

width:设置视口的宽度，width=device-width表示视口的宽度等于设备的宽度。

initial-scale：设置页面加载时的初始缩放比例

minimum-scale和maximum控制页面最小和最大缩放级别

user-scalable：控制用户是否可以缩放页面。