移动端开发—流式布局
一、单独制作移动端页面(主流)
通常情况下，网址域名前加m(mobile)可以打开移动端，通过判断设备，如果是移动端设备打开，则跳转到移动端页面
二、响应式页面兼容PC端移动端(其次)
- 通过改变屏幕的宽度来改变屏幕的样式
- 制作麻烦，需要花很大的精力去调兼容性问题
流式布局(百分比布局)
- 流式布局，就是百分比布局，也称非固定像素布局
- 通过盒子的宽度设置成百分比来根据屏幕的来进行伸缩，不受固定像素的限制，内容向两侧填充 流式布局是移动端开发中比较常见的布局方式
max-width：最大宽度 min-width：最小宽度 max-height:最大高度 min-height:最小高度
![[渲染层错误] [jsbridge] invoke remoteDebugInfo fail: too eayly.](https://ucc.alicdn.com/sqwzxd2m3mcv6_20240815_bf92de6e24d841bc860a40beb8a0b822.png?x-oss-process=image/format,webp/resize,h_160,m_lfit)