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.
其他条目将在视窗中居中显示该链接。
More info on viewport, check out the following documentation.
要想了解更多viewport信息，请查阅以下文档。
First, notice that in the head of the document, I set the viewport.
首先，在文件头部我设置了视区。
That information is essential for SVG to set up the viewport area.
该信息对于SVG设置显示窗口区域是必需的。
Now if we rotate the viewport the background image will remain still.
现在，我们如果旋转视角，背景图像仍会保持静止。
The viewport tag changes the logical view size when displaying a page.
显示页面时视窗标签修改逻辑视图大小。
By default, the browser USES a viewport, or logical dimension, of 980 pixels wide.
默认地，浏览器使用980像素宽的视见区或逻辑尺寸。
The viewport meta tag is not a standard yet, but it is a widely accepted convention.
viewport元标签并不是标准，不过它是个广泛认可的惯例。
You can use a special meta-tag to specify the properties of the Mobile Safari viewport.
您可以使用特殊的meta 标记来指定MobileSafari视窗的属性。
The two displays differ in what they show when the site is larger than the iPhone viewport.
当站点比 iPhone 视窗大时，这两个显示界面在显示内容时会有所不同。
You don't want ThickBox to cover the entire window, let alone extend beyond the edges of the viewport.
您不想让ThickBox覆盖整个窗口，更不想让它延伸到视区以外。
To get that to work, the graphics environment needs to know the start and end coordinates of the viewport.
要让这成为可能，这个图形环境就需要知道viewport的起点和终点。
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的起点和终点。
A viewport is an artificial coordinate system that is translated into the physical coordinate system of the image.
viewport是一个人造的坐标系统，可以转换成图像的物理坐标系统。
Since our Web page layout is fluid, a user can resize the browser viewport to create a more useful presentation.
因为我们的Web页面布局是流式的，用户可以改变浏览器窗口的大小来形成更合适的显示方式。
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.
我为该应用程序所选的视窗设置将把页面的宽度设为设备当前方位的宽度。
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站点上的某些内容可能相当宽，所以我们希望尽可能利用浏览器窗口的宽度。
Next, we exerted control over the user's experience by controlling how the page is seen on the device through the use of the viewport metatag.
接下来，我们将实施更多的控制，即通过使用viewportmetatag控制页面如何在设备上被查看。
The dimensions of the #header ID class are now in line with the iPhone viewport, and I manually changed the background image to fit in the space.
headerID类的尺寸现在符合iPhone视窗的大小，并且我手动更改了背景图片以适应空间大小。
You'll also be using the iPhone development plug-in, which provides a mock iPhone screen for you to preview your development in an iPhone-size viewport.
您还将使用iPhone开发插件，该插件将为您提供一个模拟的 iPhone屏幕以在 iPhone 大小的视窗中预览开发。
应用推荐