【九宫格不会跟着屏幕大小变化 _九宫格 _自适应 】 | IT修真院·坑乎
问题已收录 九宫格不会跟着屏幕大小变化
我也踩过这个坑( 3 )
已统计您的踩坑,无需重复点击
回答(3)
九宫格 自适应
详细描述
截图
代码
编辑于2024-04-23
  • [深圳|结业弟子]JS-钟楚炯
    1

    九宫格的自适应就是其中每个小格子的大小跟随着屏幕宽度的大小的变化,使用相对单位百分比%;视窗宽度单位vw视窗高度单位vh(vw:viewpoint width,,1vw等于视窗宽度的1%。vh:viewpoint height,,1vh等于视窗高度的1%。)

    编辑于2018-02-26
  • [上海|荣耀师兄]JS-杨亚洲
    1

    不能自适应,首先要理解自适应的含义,自适应,简明来说就是自己适应,自己根据外界环境变化调整自身的状态,就像变色龙变色一样。九宫格自适应就是,每个小格子随着浏览器窗口变化,而发生变化。窗口变大,小格子随之就变大。窗口变小,小格子就随之变小。你把小格子宽高都写死了,固定宽高了,请问它如何自适应呢? 想要自适应,请百度了解下%,rem,em,px,vw,vh的区别在哪里,然后思考下小盒子的宽高用什么单位,进而实现自适应。

    编辑于2018-03-23
  • [真传弟子]JS-陈振华
    0

    你可以试试百分比单位

    编辑于2019-11-11