viewport

/ˈvjuːpɔː(ɹ)t/ noun

A **viewport** is the rectangular window through which a computer screen, web page, or graphic scene reveals its contents. Think of it as the frame that decides what you actually see, cropping the larger world down to a manageable slice. In web design the viewport is the portion of the browser that renders a page, and CSS can read its size to rearrange layout. In 3D graphics the viewport maps three‑dimensional coordinates onto the screen, setting field of view and aspect ratio. Designers often define several viewports so a site adapts gracefully from phones to desktops.

【核心含义】视口是屏幕上显示内容的矩形区域,如同决定可见范围的取景框。

网页设计中指浏览器渲染区域,CSS通过其尺寸实现响应式布局;3D图形中指映射三维坐标的显示窗口。常需设置多视口适配不同设备。

【Significado central】Un *viewport* es la región rectangular de una pantalla o ventana a través de la cual se muestra el contenido, funcionando como un encuadre que determina qué parte de un mundo más amplio resulta visible.

En diseño web, el *viewport* es el área del navegador donde se renderiza la página; mediante CSS se puede leer su tamaño para crear diseños responsivos que se adapten de teléfonos a escritorios. En gráficos 3D, se refiere a la ventana que proyecta las coordenadas tridimensionales sobre la pantalla, definiendo el campo de visión y la relación de aspecto. Es un término técnico que suele dejarse en inglés (*viewport*) tanto en español como en chino; en contextos más descriptivos puede traducirse como "ventana de visualización" o "área visible". No confundir con *window* (ventana del sistema operativo) ni con *frameset* (estructura HTML en desuso). Se usa frecuentemente en plural cuando se diseñan varias versiones de un sitio para distintos dispositivos.

Word Origin Viewport combines view (from Latin videre 'to see') and port (from Latin portus 'gate, passage'). It's literally a 'seeing gate' — a window that lets you look through. The videre root gives us review, preview, and interview, while portus gives us portal, import, and export.

noun A typically rectangular region representing the range or area currently visible (within a window, screen, etc.). countable

You can adjust the viewport to focus on different areas of the document.

(名词) 可视区域;视口;视图区域;显示区域;可见范围

您可以调整视口以聚焦文档的不同区域。

(sustantivo) ventana de visualización; área visible; región visible [Una región generalmente rectangular que representa el rango o área actualmente visible (dentro de una ventana, pantalla, etc.).]

Puedes ajustar la ventana de visualización para enfocarte en diferentes áreas del documento.

(nom) fenêtre; fenêtre d'affichage; zone d'affichage; zone visible [Zone généralement rectangulaire représentant la portion d'un contenu actuellement visible dans une fenêtre ou sur un écran.]

Vous pouvez ajuster le viewport pour vous concentrer sur différentes parties du document.

(Substantiv) Ansichtbereich; Sichtfeld; Darstellungsbereich [Ein meist rechteckiger Bereich, der den aktuell sichtbaren Ausschnitt (z. B. in einem Fenster oder auf einem Bildschirm) darstellt.]

Man kann den **viewport** anpassen, um verschiedene Bereiche des Dokuments zu fokussieren.

(名詞) ウィンドウや画面内で現在表示されている範囲を表す、通常は長方形の領域。

ビューポートを調整すれば、文書のさまざまな部分に焦点を合わせることができる。

(substantivo) janela de visualização; área de visualização [Região tipicamente retangular que representa o alcance ou área atualmente visível (dentro de uma janela, tela, etc.).]

Você pode ajustar a janela de visualização para focar em diferentes áreas do documento.

noun A viewing window. countable

The submarine's viewport provided a breathtaking view of the marine life.

(名词) 视口;观察窗

潜艇的观察窗提供了海洋生物的壮丽景色。

(sustantivo) visor; ventana de visualización; mirilla [Una ventana de visualización.]

La escotilla del submarino proporcionaba una vista impresionante de la vida marina.

(nom) fenêtre d'observation; hublot; fenêtre de visualisation [Fenêtre d'observation.]

Le viewport du sous-marin offrait une vue à couper le souffle sur la vie marine.

(Substantiv) Sichtfenster; Bullauge [Ein Sichtfenster, durch das etwas beobachtet werden kann.]

Der **viewport** des U-Boots bot einen atemberaubenden Blick auf das Meeresleben.

(名詞) 観察用の窓。

潜水艦の覗き窓からは息をのむような海洋生物の景色が見えた。

(substantivo) visor; janela de visualização [Janela de visualização.]

A janela de visualização do submarino proporcionava uma vista deslumbrante da vida marinha.

verb To clip (an image or region) so that it fits in a viewport.

The designer needs to viewport the image to fit the mobile screen dimensions.

(动词) 视口裁剪;视图裁剪;可视区域裁剪

设计师需要裁剪图像以适应移动屏幕尺寸。

(verbo) ajustar a la ventana de visualización; recortar al viewport [Recortar (una imagen o región) para que quepa en una ventana de visualización.]

El diseñador necesita ajustar la imagen para que se adapte a las dimensiones de la pantalla del móvil.

(verbe) recadrer; rogner; ajuster; redimensionner [Recadrer une image ou une zone afin qu'elle tienne dans une fenêtre d'affichage.]

Le concepteur doit recadrer l'image pour l'adapter aux dimensions de l'écran mobile.

(Verb) beschneiden; zuschneiden [Ein Bild oder einen Bereich so zuschneiden, dass er in einen Sichtbereich (Viewport) passt.]

Der Designer muss das Bild **viewporten**, damit es auf den Bildschirm des Mobilgeräts passt.

(動詞) 画像や領域をビューポートに収まるように切り取る。

デザイナーは画像をモバイル画面のサイズに合わせてビューポートに収める必要がある。

(verbo) Recortar (uma imagem ou região) para que se encaixe em uma janela de visualização.

O designer precisa ajustar a imagem para que ela caiba nas dimensões da tela do celular.

Synonyms: clip crop trim Antonyms: expand enlarge extend
Word parts: view + port

Related words

Get offline access, pronunciation, spaced repetition, and learning games:

Download Syntaxiom →
📱 Offline access 🔊 Pronunciation 🧠 Spaced repetition 📖 Native language bridges