Skip to content

分辨率自适应

分辨率自适应可以使网页在不同的设备上正常运行。无论是在桌面电脑、平板还是手机等移动设备上,用户都可以轻松地访问。

场景举例一: 在不同的设备上访问同一个画面。

  1. 绘制画面,并且开启分辨率自适应,选择宽高等比缩放。

    alt text

  2. 分别在电脑、平板和手机上查看该画面的运行页面。

    alt text

场景举例二: 在同一设备上启用不同的分辨率方式,查看画面的运行效果。

说明:绘制的组态画面的尺寸为:1920*1080,显示器的分辨率为1024*768。

组态画面:

alt text

运行画面:

分辨率方式 画面运行效果
宽高等比缩放
alt text
alt text
等比缩放后,画面居中显示,多余的部分会留白(为了好辨识,图中的灰色区域表示留白区域)。
拉伸画面,铺满整个屏幕
alt text
alt text
水平和垂直方向都会进行缩放,使画面完全显示在屏幕内。