viewport 的音标为英 /ˈvjuːpɔːt/、美 /ˈvjuːpɔːrt/，核心含义是“视口”，指屏幕上用于显示内容的特定区域，在不同领域有具体所指。在计算机领域，它是屏幕上用于显示内容的特定区域，常见于网页开发和图形设计；在航天领域，则指宇宙飞船的观察孔。

用法与场景

网页开发：用于定义网页在移动设备上的显示方式，通过 <meta name="viewport"> 标签控制缩放比例和尺寸。例如，<meta name="viewport" content="width=device-width, initial-scale=1.0"> 可使网页适配设备屏幕宽度。

图形设计与3D建模：指软件界面中显示渲染结果的区域，如在3D建模软件中调整视口角度以查看模型的不同面。

航天领域：指航天器上供宇航员观察外部环境的窗口或光学装置。

例句

A fast and accurate picking algorithm based on viewport space is presented.（提出一种基于视口空间的快速精确的拾取算法。）

In a viewport, open an animation mixer and an explorer in another.（在一个视口中打开动画混合器，在另一个视口中打开资源管理器。）

The outer section is the viewport, where the scrolling data will be displayed at run time.（外层区域是视口，运行时滚动数据将显示在该区域。）

Pick the cloud in the viewport, or select its name in the dialog box.（在视窗内点取点云，或在对话框中选择点云的名字。）

This is known as a viewport transformation.（这就是所谓的视口转换。）

In this tutorial we will go over how to register the Camera to create the Viewport.（在本教程中，我们将介绍如何注册摄像机并创建视口。）

With this function it is possible to grab the entire viewport, or a part of it.（使用此函数可以捕获整个视口或其一部分。）

The viewport size of the Camera when set to Orthographic.（当设置为正交模式时，摄像机的视口大小。）

Normalized Viewport Rectangles are specifically for defining a certain portion of the screen that the current camera view will be drawn upon.（标准视口矩形专门用于定义当前相机视图将绘制在屏幕的特定部分。）

It meant I had to first prepare everything in the viewport and at a certain point decide that the camera angle and general lighting setup are final.（这意味着我必须首先在视口中准备好所有内容，并在某个时刻确定相机角度和总体照明设置为最终版本。）

短语搭配

layout viewport（布局视口）：指网页的原始布局宽度，用于解决页面在手机上的显示问题。

viewport camera（视口摄像机）：控制视口中内容显示角度的虚拟摄像机。

viewport transformation（视口转换）：将3D场景投影到2D屏幕上的坐标转换过程。

normalized viewport rectangles（标准视口矩形）：用于定义相机视图在屏幕上的显示区域。

viewport size（视口尺寸）：视口的宽度和高度，如iPad Pro的视口宽度为1024px。

理解视口概念对网页适配和图形设计至关重要，尤其是在多设备兼容成为常态的今天，合理设置视口能显著提升用户体验。你在开发中是否遇到过因视口设置不当导致的显示问题呢？