要使flex布局不变形，可以使用以下方法：
1.设置flex容器的flex-wrap属性为nowrap，这样flex项目不会换行。
2.使用flex项目的flex-shrink属性，将其设置为0，这样项目不会缩小。
3.使用flex项目的flex-basis属性，将其设置为固定的宽度或高度，以防止项目变形。
4.使用flex项目的align-self属性，将其设置为stretch，以保持项目的原始尺寸。
5.使用min-width和min-height属性，将其设置为项目的最小宽度和最小高度，以防止项目变形。
通过这些方法，可以确保flex布局在不变形的情况下适应不同的屏幕尺寸和布局需求。
1、随着移动端的兴起，flex布局的使用越来越普遍。相较于传统的盒模型布局，flex布局更加灵活，能够轻松实现多种排列方式，适应不同终端的展示需求。
2、同时，flex布局也能够使代码更加简洁易懂，减少了许多浮动和定位的代码，提升了开发效率。因此，我认为在现代web开发中，flex布局已经成为了一种必备的技能。
1、CSS3弹性盒(FlexibleBox或flexbox)，是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。
2、引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。
3、css3引入的flex布局优缺点：优点在于其容易上手，根据flex规则很容易达到某个布局效果。
4、缺点是：浏览器兼容性比较差，只能兼容到ie9及以上。
