分辨率自适应¶
分辨率自适应可以使网页在不同的设备上正常运行。无论是在桌面电脑、平板还是手机等移动设备上,用户都可以轻松地访问。
场景举例一: 在不同的设备上访问同一个画面。
-
绘制画面,并且开启分辨率自适应,选择宽高等比缩放。

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

场景举例二: 在同一设备上启用不同的分辨率方式,查看画面的运行效果。
说明:绘制的组态画面的尺寸为:1920*1080,显示器的分辨率为1024*768。
组态画面:

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

