vue 利用CSS 的 transform属性 对 页面布局进行自适应缩放
问题描述需求要求在不同的适配器上,都需要保证页面的整体布局无误,只能对页面的字体进行一定比例的缩放,才能实现这样的效果。下图:是在1920*1080显示屏上呈现的正常效果但是在小屏幕显示的错误效果 或者打开开发工具,显示的错误效果解决方案动态计算整体布局的高度和宽度(1) 利用jQuery的 $(window).width() 获取对应的当前宽度(不包含 任务栏的宽度+菜单栏的宽度 + 滚动条的宽度)(2)同理 利用 $(window).height() 获取对应当前的高度 (不包
原创
2020-08-20 16:57:46 ·
14885 阅读 ·
14 评论