Node-RED教程 – 66 – 页面响应式布局

Node-RED教程 – 66 – 页面响应式布局

响应式设计是网页更改其内容以最适合用于查看页面的设备的功能的能力。例如,当在手机或笔记本电脑上查看图表时,可用屏幕空间的大小和纵横比显着不同。

仪表板不提供根据查看设备的屏幕更改图形大小的功能。话虽如此,您可以使用一个技巧来使仪表板在小屏幕和大屏幕上都更加有用。

将内容放入仪表板“组”中,这些组可以在屏幕足够大的情况下并排放置,同时在较小的设备上垂直堆叠,从而利用更宽的屏幕。

image

下图显示了更改此仪表板的屏幕尺寸时会发生什么。

image

缩小页面,1排显示3组

image

继续缩小页面,1排显示2组

image

再缩小页面,1排显示1组

image

 

Node-RED教程 – 66 – 页面响应式布局-汉联工控吧
Node-RED教程 – 66 – 页面响应式布局
此内容为付费资源,请付费后查看
R币29.98
立即购买
您当前未登录!建议登陆后购买,可保存购买订单
如您遇到问题,请加客服微信(han-link_cn)沟通
建议您登陆后购买,以保存订单信息
付费资源
© 版权声明
THE END
喜欢就支持一下吧
点赞15 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情图片

    暂无评论内容