大家好，今天小编关注到一个比较有意思的话题，就是关于css布局自适应的问题，于是小编就整理了2个相关介绍CSS布局自适应的解答，让我们一起看看吧。
css怎么设置左边固定右边自适应？
1.浮动
将左边固定区域设置浮动，右边margin设置为左边固定div的宽度。
将左边固定区域设置相对定位，右边margin设置为左边固定div的宽度。
3.flex弹性布局
4.grid 网格布局
5.左边浮动，让right单独成为一个BFC，BFC的区域不会与float box重叠。
响应式布局和自适应布局有什么样的区别？
响应式布局和自适应布局是两种不同的网页布局设计方式。它们的区别如下：
1. 响应式布局（Responsive Layout）：网页的布局会随着不同的屏幕尺寸和设备自动调整，包括文字大小、图片尺寸等元素的改变，通常利用媒体查询进行设备适应。响应式布局的设计是基于可视化大小自适应的。
2. 自适应布局（Adaptive Layout）：自适应布局网页的尺寸是根据屏幕的尺寸设定好的固定布局，因此需要在不同尺寸的设备上加载不同的CSS文件或不同的HTML文件。自适应布局的设计是基于选定的几个屏幕大小进行适配。
总之，响应式布局是一种更为灵活、更具扩展性和可维护性的设计方法，而自适应布局则是基于设备尺寸划分类别去适配网页的设计方法，两者的实现方式和效果略有不同。
响应式布局是为了适配不同的终端而生，移动端布局是针对于智能手机为主，也就是现在行内常说的H5站（m站）。简单说一下他们的不同之处：
1、适配的群体不同，响应式适配各种终端，而移端大部分为智能手机为主2、响应式布局能根据不同的终端设备实现不同的页面布局，而移动端布局大部分是单列布局3、响应式布局有可能造成冗余的代码较多（传统式响应式布局，仅依赖于媒体查询，控制不同的页面布局），移动端布局冗余代码较少，对针对性较强相同之处：
1、在智能手机上，响应式看到的页面效果能和移动端的一样效果（其他忽略，仅从效果上而言）
2、两者都要面对适配的问题（这也是较为***的问题）
到此，以上就是小编对于css布局自适应的问题就介绍到这了，希望介绍关于css布局自适应的2点解答对大家有用。
