Viewport

释义 Definition

viewport（名词）：视口；指在屏幕或窗口中“可见的区域”。在网页与图形中，常指浏览器里当前可看到的页面区域（会随窗口大小、缩放、手机设备等变化）。在计算机图形学/3D中，也可指摄像机/渲染所能看到的画面范围。

发音 Pronunciation

/ˈvjuːpɔːrt/

例句 Examples

The site looks fine on desktop, but it breaks on a small viewport.
这个网站在电脑上看起来没问题，但在较小的视口下就会乱掉。

As the user zooms in, the viewport changes, so we recalculate the layout to keep the navigation readable.
当用户放大页面时，视口会发生变化，因此我们重新计算布局以保证导航可读。

词源 Etymology

由 view（观看）+ port（口、入口、窗口）组成，字面意思是“观看的窗口/开口”。在早期计算机图形与界面语境中，用来表示“你能看到的那一块区域”，后来在网页开发中固定用作“浏览器可视区域（视口）”。

相关词 Related Words

• Window
• Screen
• Resolution
• Responsive
• Layout
• Scrollbar
• Zoom
• Media Query

文学与著作 Literary Works

• CSS: The Definitive Guide（Eric A. Meyer）——讨论布局与可视区域时会涉及 viewport 概念
• HTML and CSS: Design and Build Websites（Jon Duckett）——在响应式与移动端页面语境中常提到视口
• Designing with Web Standards（Jeffrey Zeldman）——关于跨设备显示与浏览器呈现时会涉及 viewport 相关用法