移动WEB

80 阅读1分钟

移动端特点

固定版心,网页宽度设置100%

制作网页参考逻辑分辨率

添加视口标签,制作适配不同设备宽度的的网页

Snipaste_2021-12-31_17-52-43.jpg

Flex布局

父元素添加 display: flex,子元素可以自动的挤压或拉伸

主轴对齐方式

  • justify-content

Snipaste_2021-12-31_17-53-08.jpg

侧轴对齐方式

  • align-items(添加到弹性容器)

Snipaste_2021-12-31_17-53-19.jpg

- align-self: 控制某个弹性盒子在侧轴的对齐方式(添加到弹性盒子)

伸缩比

  • flex:数值(整数)

    • 只占用父盒子剩余尺寸