xiaomanonyo的博客

o(╥﹏╥)o。。。。做了一个项目 包含pc端和手机端，手机端要自适应，用了淘宝的小插件flexible.js,然后页面的缩放出现了问题，算出来的dpr都是对的，但是字体大小始终不对，（现在这个图是对的，错的我没保存，我的设计稿是750的，所以1rem=75px）找了半天看了插件的源码才发现问题，就是这最关键的一句啊，我之前一直以为这个插件是获取的设备视口的宽度，其实不是，翻了一...

1、最常用的方法，通过position对标签进行定位；如：div的宽高为100pxposition:absolute;top:50%;left:50%;margin-top:-50px;margin-left:-50px;2、结合margin属性和定位；position: absolute; top: 0px;left: 0px;right: 0

圣杯布局和双飞翼布局 实现的都是三栏布局，两边的盒子宽度固定，中间盒子自适应圣杯布局（要注意设置最小宽度）这时候左右两边的盒子会盖住中间盒子的内容给父级添加padding值  给左右两个盒子设置定位另一种实现给中间的盒子左右加padding值  用来抵消左右两边盒子遮住的部分增加了padding后 因为默认的box-sizing属性为content-box（在元素宽...