From 310fd066e91f454b990372ffa30e803cc8120975 Mon Sep 17 00:00:00 2001 From: Florian Merz Date: Thu, 11 Feb 2021 12:56:40 +0100 Subject: unslug zh-cn: move --- .../zh-cn/tools/responsive_design_mode/index.html | 83 ++++++++++++++++++++++ 1 file changed, 83 insertions(+) create mode 100644 files/zh-cn/tools/responsive_design_mode/index.html (limited to 'files/zh-cn/tools/responsive_design_mode') diff --git a/files/zh-cn/tools/responsive_design_mode/index.html b/files/zh-cn/tools/responsive_design_mode/index.html new file mode 100644 index 0000000000..b0ea0712a4 --- /dev/null +++ b/files/zh-cn/tools/responsive_design_mode/index.html @@ -0,0 +1,83 @@ +--- +title: 响应式设计视图 +slug: Tools/Responsive_Design_View +translation_of: Tools/Responsive_Design_Mode +--- +
{{ToolsSidebar}}

响应式设计采用不同的屏幕尺寸来呈现在各种设备（例如移动电话或者平板电脑）下的可视情况。响应式设计视图使您可以很容易地看到您的网站或者网站app在不同屏幕尺寸下的外观。

+ +

{{EmbedYouTube("LBcE72sG2s8")}}

+ +

下面的截屏是在328*480分辨率下展示的一个维基百科移动版页面。

+ +

响应式设计视图使用非常方便，您可以快速和精确地改变展示区域的大小。

+ +

当然，您可以改变浏览器窗口本身的大小。但是如果把浏览器窗口变小，其他的浏览器内容也会相应变小，可能会使得浏览器界面变得不那么好用了。

+ +

当你打开响应式视图，你可以继续正常地进行浏览。While the Responsive Design View is enabled, you can continue browsing as you normally would in the resized content area.

+ +

打开和关闭

+ +

有两个方法打开响应式视图：

+ + + +

有三个方法关闭响应式视图

+ + + +

改变大小

+ +

有两个方法改变内容区域的大小：

+ + + +

如果您使用拖放的方式改变大小，可以按住Control键（Mac OS X下用Cmd键）来减缓改变的速度，可以更精确地控制大小。

+ +
+

响应式视图控件

+ +

在响应式视图窗口的顶部有五个控件：

+ + + + + + + + + + + + + + + + + + + + + + + + +
Close关闭响应式视图，回到正常浏览模式
Select size从预设的分辨率组合内选择，或者自定义分辨率
Portrait/Landscape选择屏幕的水平或者垂直模式
+

Simulate touch events

+ 		+

打开/关闭模拟触摸事件，鼠标事件将被模拟为触摸事件.

+
+

Take screenshot

+ 		内容区域的截屏，截屏内容保存到火狐的默认下载位置
+
+ +

 

-- cgit v1.2.3-54-g00ecf