#青训营笔记创作活动#
2月6日 打卡day24
大屏适配方案有方案一:vw vh:按照设计稿的尺寸,将px按比例计算转为vw和vh
方案二:scale通过 css 的 scale 属性,根据屏幕大小,对图表进行整体的等比缩放,从而达到自适应效果,
方案三:rem + vw wh:把所有元素的长、宽、位置、字体大小等原来的 px 单位全部转换成 rem;网页加载后,用 js 去计算当前浏览器的宽度,并设置 html 的 font-size 为 (当前浏览器窗口宽度 / 10) 。
展开
评论