前端pc端自适应布局怎么做,响应式和自适应的区别

前端pc端自适应布局怎么做,响应式和自适应的区别

＞▽＜ 可以根据设计稿宽度设置，获取到当前屏幕font-size大小，设置到蓝湖上，直接转换为rem进行布局即可。使用媒体查询进行区分样式，使用rem书写样式即可如果想要在窗口大小发生变化时同在做移动端页面布局的时候，需要做到响应式，也就是文字会随着页面的大小改变以后文字的大小和div的宽高等比例跟着改变。rem单位是相对于html的font-size的来的，

ˋ▂ˊ 父元素利用弹性布局，子元素中将左侧设置为固定宽度，右侧flex属性设置为1 利用BFC,因为BFC不能与浮动元素重叠，可以将左侧元素设置为左浮动，然后通过overflow:hi一、PC端自适应布局PC端自适应布局是指在不同窗口尺寸下，网页能够在任意屏幕上显示出完美的效果。为了实现这一目标，我们需要使用各种前端技术。首先，我们需

1)PC端网站布局包含知识点：HTML基础，CSS基础，CSS核心属性；CSS样式层叠，继承，盒模型；容器，溢出及元素类型；浏览器兼容与宽高自适应……2)HTML5+CSS3基础包含知识点：HTML5新增的元素与属性；表单1)PC端网站布局包含知识点：HTML基础，CSS基础，CSS核心属性；CSS样式层叠，继承，盒模型；容器，溢出及元素类型；浏览器兼容与宽高自适应……2)HTML5+CSS3基础包含知识点：HTML5新增的元素与属性；表单

1）PC端网站布局包含知识点：HTML基础，CSS基础，CSS核心属性；CSS样式层叠，继承，盒模型；容器，溢3、布局上，移动端开发是要做到页面布局自适应的，而PC端页面布局的比例会相对固定；4、在动画效果处理上，PC端要考虑IE的兼容性，通常用JS做动画的通用性会好一些