Listing 10. The viewport test code.
清单10.viewport测试代码。
Layout with a wide browser viewport.
宽浏览器窗口中的布局。
Layout with a narrow browser viewport.
窄浏览器窗口中的布局。
The test creates a viewport between -1000, -1000 and 1000, 000.
这段测试代码会在- 1000，- 1000与1000,000之间创建一个viewport。
More info on viewport, check out the following documentation.
要想了解更多viewport信息，请查阅以下文档。
The use of the viewport metatag to adjust the content's rendering scale.
使用viewportmetatag 来调整内容的呈现伸缩。
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像素宽的视见区或逻辑尺寸。
You can use a special meta-tag to specify the properties of the Mobile Safari viewport.
您可以使用特殊的meta 标记来指定MobileSafari视窗的属性。
With a bit of design work, you can use Viewport Rectangle to create some unique behaviors.
只需一点设计工作，你就可以用视口矩形创造出一些独特的行为。
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页面内，这些设置将被viewportmetatag覆盖。
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.
我们仍然指定移动WebKitviewportmeta来帮助指导浏览器按照我们希望的方式呈现页面。
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.
我为该应用程序所选的视窗设置将把页面的宽度设为设备当前方位的宽度。
The other value of a viewport is that the logic that builds a 400-by-400 image is the same logic that builds a 4,000-by-2,000 image.
这个viewport的其他值可以确保构建一个 400X400的图像所采用的逻辑与构建一个 4000X2000 的图像所采用的逻辑是相同的。
Besides just the viewport, make sure that your webpages are flexible; for example, use dynamic widths, instead of static widths.
除了仅仅viewport以外，还应该确保你的网页的灵活性：例如，使用动态宽度而非静态宽度。
This way, the Line, Oval, and Rectangle classes can all work with viewport coordinates without having to worry about the translation.
使用这种方法，Line、Oval和rectangle类都可以利用viewport坐标，而不需要担心坐标转换的问题。
One feature I would like to add that would be generally useful, but critical for smartphone support is viewport and/or scaling support.
我想增加的一个非常有用的特性是视角与缩放支持，这对于智能手机来说也非常关键。
Some content on the IBC Web site has the potential of being quite wide, so we wanted to use as much of the browsers viewport as possible.
IBCWeb站点上的某些内容可能相当宽，所以我们希望尽可能利用浏览器窗口的宽度。
应用推荐