前端学习记录 - viewport

返回目录

viewport

• viewport，视口（可视区窗口），可以通过meta标签设置
• content，视口里的相关设置
  • width：视口的宽度，值为数字，或字符串device-width（设备的实际宽度）
  • height：视口的高度（与width取值一致）
  • user-scalable：是否允许用户进行页面缩放，值为no或yes，代表不允许与允许
  • initial-scale：页面初识缩放值，值为数字（可以带小数）
  • minimum-scale：页面最小能缩放的比例，值为数字（可以带小数）
  • maximum-scale：页面最大能缩放的比例，值为数字（可以带小数）

• <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, minimum-scale=1, maximum-scale=1"/>