皇甫彦霞
皇甫彦霞Lv1
最近在做响应式布局,遇到了一些跨浏览器兼容性问题。特别是IE11,有时候真的头疼。不过我发现了一种方法,就是使用Viewport单位来解决宽度适配问题。比如:

body {
  width: 100vw;
}


这样在不同设备上都能很好地显示。同时,记得给IE11加一些前缀,比如:

body {
  -ms-overflow-style: scrollbar; /* IE 10+ */
}


解决了这些问题,我的响应式布局在各个浏览器上都表现得很稳定。希望对大家也有帮助!