Examples of using Viewport in English and their translations into Chinese
{-}
-
Political
-
Ecclesiastic
-
Programming
Media Initialization Rate: A data point that determines the percentage of videos that enter the viewport and successfully load before they exit the viewport.
Building your site with these modules in mind makes it easy to imagine how your layout will adapt for different viewport sizes.
建设与您的网站记住这些模块很容易想象你的布局将如何适应不同的视口大小。In this article we're going to go over three of the most important SVG attributes that control SVG coordinate systems: viewport, viewBox, and preserveAspectRatio.
本篇文章中我们将讨论控制SVG坐标系的最重要的三个属性：viewport，viewBox，和preserveAspectRatio。Dips are the abstract pixels that are used to feed information to the width/height media queries and the meta viewport device-width.
Dips是抽象的像素，用于给mediaquery的width/height以及metaviewport的device-width提供信息.You should instead customize the viewport size and/or scale as appropriate for your page.
相反，你应该为你的页面定制合适的viewport大小和规模。
Then, by using viewBox values and preserveAspectRatio, we can make sure that the SVG canvas also responds to the changes in the viewport(outermost svg).
然后通过使用viewBox值和preserveAspectRatio，我们可以保证SVG画布可以自适应viewport中的改变（最外层svg）。At viewport widths up to 960 pixels, make the image 75% of the viewport width.
在viewport宽度小于960像素时，使图像的宽度为viewport宽度的75％。In this case, your web page exactly fits the screen width, because the web page width and viewport width are the same.
在这个例子中，你的web页面和屏幕宽度大小刚好是匹配的，因此页面宽度和viewport的width是一致的。For example, to prevent the Android Browser and WebView from scaling your web page for different screen densities, set the target-densitydpi viewport property to device-dpi.
为了防止AndroidBrowser和WebView根据不同屏幕的像素密度对你的页面进行缩放，你可以将viewport的target-densitydpi设置为device-dpi。At viewport widths up till 960px, make the image 75% of the viewport width.
在viewport宽度小于960像素时，使图像的宽度为viewport宽度的75％。However, requires it to be split into two: the visual viewport and the layout viewport.
无论如何，需要把它分成两部分：visualviewport和layoutviewport。Assuming an unrealistically wide minimum viewport, which can force users on smaller devices to scroll horizontally to read the content.
假定一个最小宽度不切实际的视口，迫使小型设备的用户必须横向滚动屏幕才能查看内容。If you decide to use viewport height as a guide for your mobile layouts, you should explore all the different ways you can position content.
如果您决定使用视点高度作为移动布局的规范，您应该探索各种可以定位内容的方法。Recently, I have been using the height of a devices viewport as a rough guide to help determine how I should lay out content.
最近，我一直试着使用设备的视点长度作为粗略的规范，以帮助我确定应该如何布局内容。Simple things like forgetting to define a viewport size can make an interface unusable or really annoying to get around.
一些简单的事情，比如忘记定义一个视区大小，可能会使一个界面不可用，或者让人讨厌。In the first part we talked about how the<svg> element establishes a viewport for the content of the SVG canvas.
在第一部分我们讨论了<svg>元素如何为SVG画布内容建立一个视窗。In the case of splitscreen multiplayer games, multiple Viewports share the same screen, but each HUD still draws to its own Viewport.
在分隔屏幕的多玩家游戏中，多个视口共享同一屏幕，但是每个HUD仍然会描画到其自己的视口中。While browsers are getting more capable and powerful every day, there is only so much that one viewport can provide.
虽然浏览器每天都变得越来越强大和强大，但只有一个视口可以提供。Every human-controlled player in the game has their own instance of the AHUD class which draws to their individual Viewport.
游戏中每个人类控制的玩家都有其自己的AHUD类的实例，该实例会描画到他们各自的视口中。Previous versions of Fennec supported the width, height, and initial-scale viewport properties, but had problems with some sites designed for iPhone and Android browsers.
