今天看啥  ›  专栏  ›  前端大全

阿里面试官: 说说你知道的移动端适配方式?

前端大全  · 公众号  · 前端  · 2024-03-26 11:50
作者:专写BUGhttps://juejin.cn/post/7335245199109652516正文自适应:根据不同的设备屏幕大小来自动调整尺寸、大小响应式:会随着屏幕的实时变动而自动调整,是一种更强的自适应为什么要做移动端适配?目前市面上移动端屏幕尺寸非常的繁多,很多时候我们希望一个元素在不同的屏幕上显示不同的大小以此来更好的还原效果图:当我们针对一个手机进行布局设计时,设置了一个 200 * 200 大小的盒子但在不同的设备上,由于逻辑像素不同的问题,会使得这个盒子在更大的视口上显得很小,在更小的视口上显示很大因此我们需要进行适配让它在不同设备上所占据视口的空间比例是相同的当前流行的几种适配方案方案一:百分比设置(不推荐)因为不同属性的百分比值,相对的可能是不同参照物,所以百分比往往很难统一所以百分比在移动端适配中使用是非 ………………………………

原文地址:访问原文地址
快照地址: 访问文章快照