Listing 10. The viewport test code.

清单10 . viewport测试代码。

Layout with a wide browser viewport.

宽浏览器窗口中的布局。

Layout with a narrow browser viewport.

窄浏览器窗口中的布局。

The other items will center the link in the viewport.

其他条目将在视窗中居中显示该链接。

The test creates a viewport between -1000, -1000 and 1000, 000.

这段测试代码会在- 1000，- 1000与1000,000之间创建一个viewport。

The extents of the viewport can be anything you want them to be.

viewport 的扩展可以是您希望的任何东西。

More info on viewport, check out the following documentation.

要想了解更多viewport信息，请查阅以下文档。

That information is essential for SVG to set up the viewport area.

该信息对于SVG设置显示窗口区域是必需的。

First, notice that in the head of the document, I set the viewport.

首先，在文件头部我设置了视区。

The use of the viewport metatag to adjust the content's rendering scale.

使用 viewport metatag 来调整内容的呈现伸缩。

Now if we rotate the viewport the background image will remain still.

现在，我们如果旋转视角，背景图像仍会保持静止。

The viewport tag changes the logical view size when displaying a page.

显示页面时视窗标签修改逻辑视图大小。

That would be a nice viewport for trigonometric graphics like SINS or cosines.

这对于三角图形(例如sin和cosine)来说是很好的一个viewport。

The viewport meta tag is not a standard yet, but it is a widely accepted convention.

viewport元标签并不是标准，不过它是个广泛认可的惯例。

By default, the browser USES a viewport, or logical dimension, of 980 pixels wide.

默认地，浏览器使用980像素宽的视见区或逻辑尺寸。

IUI USES this to determine which list to place in the body of the iPhone viewport.

iUI使用这来决定将哪个列表放置在iPhone视见区的正文部分。

You can use a special meta-tag to specify the properties of the Mobile Safari viewport.

您可以使用特殊的 meta 标记来指定 Mobile Safari 视窗的属性。

The two displays differ in what they show when the site is larger than the iPhone viewport.

当站点比 iPhone 视窗大时，这两个显示界面在显示内容时会有所不同。

Fortunately, these Settings will be overridden by the viewport metatag, if present in your Web page.

幸运的是，如果呈现在您的Web页面内，这些设置将被viewport metatag覆盖。

To get that to work, the graphics environment needs to know the start and end coordinates of the viewport.

要让这成为可能，这个图形环境就需要知道viewport的起点和终点。

You don't want ThickBox to cover the entire window, let alone extend beyond the edges of the viewport.

您不想让ThickBox覆盖整个窗口，更不想让它延伸到视区以外。

The GMap2 class draws the map and responds appropriately to scrolling and zooming events in the viewport.

GMap2类可以绘制地图并负责视图端口中的滚动和缩放事件。

Now the constructor takes four additional parameters, which are the starting and ending points of the viewport.

现在这个构造函数可以利用另外4个参数了，它们分别是viewport的起点和终点。

The code writes to viewport, and the viewport does the mapping to the physical size of the image automatically.

代码负责向这个viewport中写入数据，然后这个viewport自动实现到图像的物理尺寸的自动映射。

Since our Web page layout is fluid, a user can resize the browser viewport to create a more useful presentation.

因为我们的Web页面布局是流式的，用户可以改变浏览器窗口的大小来形成更合适的显示方式。

A viewport is an artificial coordinate system that is translated into the physical coordinate system of the image.

viewport是一个人造的坐标系统，可以转换成图像的物理坐标系统。

We are still specifying the mobile WebKit viewport meta to help guide the browser on how we prefer the page to be rendered.

我们仍然指定移动 WebKit viewport meta 来帮助指导浏览器按照我们希望的方式呈现页面。

The tx and ty functions use these new viewport coordinates to translate viewport coordinates into physical coordinates.

tx和ty函数使用新的viewport坐标，并将viewport坐标转换成物理坐标。

The BoxObject handles the viewport translation in the render method and calls the draw method with the physical coordinates.

BoxObject在render方法中实现viewport的转换，并使用物理坐标来调用draw方法。

The viewport settings I chose for this application set the width of the page to the width of the device's current orientation.

我为该应用程序所选的视窗设置将把页面的宽度设为设备当前方位的宽度。