菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: 前端-张悕可-20230426 [打印本页]

作者: 小胖 时间: 2023-4-26 20:03
标题: 前端-张悕可-20230426
流式布局：
流式布局就是百分比布局，也叫做非固定像素布局
通过盒子的宽度设置为百分比来根据屏幕的宽度来自适应调整，不受固定像素的限制

二倍图：
1、插入背景图
2、将背景图按物理像素比进行等比例缩小（利用background-size属性）
3、利用ps进行缩小后的图片测量，使用background-position进行背景位移即可

传统布局：
传统布局的兼容性更好
布局会比较的繁琐
局限性，在移动端中布局的速度相对较慢

flex布局：
操作会比较的方便，布局很简单，移动端使用很广泛
PC端的浏览器可能会有兼容性的问题，IE11以下的低版本浏览器对flex支持情况不好

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)