2024年7月18日
iphoneX适配
摘要： iphoneX变化：顶部刘海，底部横条，页面圆角 1、配置meta <meta name="viewport" content="viewport-fit=cover"> 2、预留安全距离 constant和env顺序不能变，且必须同时存在 //为导航栏+状态栏的高度 88px padding-to 阅读全文
posted @ 2024-07-18 12:41 alisa.huang 阅读(2) 评论(0) 推荐(0) 编辑
flexbox布局使用场景
摘要： flexbox又称弹性布局，目标是提供一个更有效的布局，对齐方式 主要思想：父元素能够调整子元素的宽度，高度，排列方式，从而更好的适用布局空间 1、水平垂直居中对齐 justify-content 主轴对齐方式 flex-start（默认值）：左对齐 flex-end：右对齐 center： 居中 阅读全文
posted @ 2024-07-18 12:09 alisa.huang 阅读(1) 评论(0) 推荐(0) 编辑
不同尺寸展示不同列
摘要： // html <div className="test-container"> <div className='main-container'> <div>1</div> <div>2</div> <div>3</div> <div>4</div> <div>5</div> <div>6</div 阅读全文
posted @ 2024-07-18 11:59 alisa.huang 阅读(1) 评论(0) 推荐(0) 编辑