移动适配方案:rem与vw vh技术.pdf

移动适配

需求:

移动适配

需求:

我们需要案:

➢屏幕宽度发生变化,页面元素的尺寸(宽度和高度)也随之变化,这样可以更好的达到适配效果,用户体验更好

➢以前的技术能实现吗?

➢百分比布局特点宽度自适应,高度固定

➢Flex布局的解决了盒子的排列方式,高度很难适配

➢所以,以前的布局还无法完成最终适配

➢解决方案是?

➢百分比布局或者flex完成整体元素排列布局

➢配合rem或者vw/vh单位设置元素的尺寸(宽度/高度)最终适配

文档评论(0)

1亿VIP精品文档

相关文档